luxury Malsok
by sazakharov
HTML
<h1 class="title">
<span>l</span><span>u</span><span>x</span><span>u</span><span>r</span><span>y</span>
</h1>
CSS
body {
background-color: #000000;
}
h1.title {
text-shadow: 2px 2px 1px rgba(0,0,0,0.4), 0 0px 15px rgba(255,255,255,0.4), 0 0 10px rgba(56,238,255,0.6), 0 0 50px rgba(56,238,255,0.8);
font-size: 126px;
padding: 0px 30px;
color: #ffffff;
text-align: center;
}
h1.title > span:nth-child(1) {
-webkit-animation: fade 3s infinite alternate;
-moz-animation: fade 3s infinite alternate;
-o-animation: fade 3s infinite alternate;
-ms-animation: fade 3s infinite alternate;
animation: fade 3s infinite alternate;
}
h1.title > span:nth-child(2) {
-webkit-animation: fade 3s 3.8s infinite alternate;
-moz-animation: fade 3s 3.8s infinite alternate;
-o-animation: fade 3s 3.8s infinite alternate;
-ms-animation: fade 3s 3.8s infinite alternate;
animation: fade 3s 3.8s infinite alternate;
}
h1.title > span:nth-child(3) {
-webkit-animation: fade 3s 2.8s infinite alternate;
-moz-animation: fade 3s 2.8s infinite alternate;
-o-animation: fade 3s 2.8s infinite alternate;
-ms-animation: fade 3s 2.8s infinite alternate;
animation: fade 3s 2.8s infinite alternate;
}
h1.title > span:nth-child(4) {
-webkit-animation: fade 3s 1.8s infinite alternate;
-moz-animation: fade 3s 1.8s infinite alternate;
-o-animation: fade 3s 1.8s infinite alternate;
-ms-animation: fade 3s 1.8s infinite alternate;
animation: fade 3s 1.8s infinite alternate;
}
h1.title > span:nth-child(5) {
-webkit-animation: fade 3s 4.8s infinite alternate;
-moz-animation: fade 3s 4.8s infinite alternate;
-o-animation: fade 3s 4.8s infinite alternate;
-ms-animation: fade 3s 4.8s infinite alternate;
animation: fade 3s 4.8s infinite alternate;
}
h1.title > span:nth-child(6) {
-webkit-animation: fade 3s 5.8s infinite alternate;
-moz-animation: fade 3s 5.8s infinite alternate;
-o-animation: fade 3s 5.8s infinite alternate;
-ms-animation: fade 3s 5.8s infinite alternate;
animation: fade 3s 5.8s infinite alternate;
}
@-webkit-keyframes...