HTMLify
l7ux8wo0if.txt
Views: 295 | Author: guest
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 | <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>KukuFm</title>
<style type="text/css">
@font-face {
font-family: anima;
src: url(fonts/SimonLovely.otf);
}
body {
background: black;
display: flex;
justify-content: center;
perspective: 200px;
}
h2 {
font-size: 150px;
letter-spacing: 50px;
font-weight: bolder;
font-family: anima;
transition: all .25s;
color: black;
animation: senanima 3s infinite alternate;
/*background: linear-gradient(90deg, aqua, pink, green, red);
-webkit-background-clip: text;*/
}
h2:hover {
scale: 1.1;
transform: rotateX(10deg);
}
@keyframes senanima {
0% {
text-shadow: 5px 5px 5px red, -5px -5px 5px red;
}
20% {
text-shadow: 5px 5px 10px red, -5px -5px 10px red;
}
40% {
text-shadow: 5px 5px 5px palegoldenrod, -5px -5px 5px palegoldenrod;
}
60% {
text-shadow: 5px 5px 10px palegoldenrod, -5px -5px 10px palegoldenrod;
}
80% {
text-shadow: 5px 5px 5px lightgreen, -5px -5px 5px lightgreen;
}
100% {
text-shadow: 5px 5px 10px lightgreen, -5px -5px 10px lightgreen;
}
}
</style>
</head>
<body>
<h2>
SENANIMA
</h2>
</body>
</html>
|