Skip to content

Instantly share code, notes, and snippets.

@ghoshnirmalya
Created July 2, 2014 17:23
Show Gist options
  • Save ghoshnirmalya/cc02b01320c92c3813be to your computer and use it in GitHub Desktop.
Save ghoshnirmalya/cc02b01320c92c3813be to your computer and use it in GitHub Desktop.
A Pen by Nirmalya Ghosh.
<head>
<link href='http://fonts.googleapis.com/css?family=Lato:400,900' rel='stylesheet' type='text/css'>
</head>
<body>
<center>
<div class="if_name" id="if_name">
Infismash
</div>
</center>
</body>
body{
}
.if_name{
font-size: 200px;
font-family: 'Lato', Arial, Calibri;
letter-spacing: -12px;
color: rgb(51, 153, 204);
text-shadow: 0px 3px 0px rgb(85, 85, 85), 0px 14px 10px rgba(0, 0, 0, 0.15), 0px 24px 2px rgba(0, 0, 0, 0.1), 0px 34px 30px rgba(0, 0, 0, 0.1);
animation: shadow 20s linear infinite;
-ms-animation: shadow 20s linear infinite - -moz- animation: shadow 20s linear infinite;
-webkit-animation: shadow 20s linear infinite;
margin-top:-75px;
}
@-webkit-keyframes shadow {
0%{
text-shadow: 0px 3px 0px rgb(85, 85, 85), 0px 14px 10px rgba(0, 0, 0, 0.15), 0px 24px 2px rgba(0, 0, 0, 0.1), 0px 34px 30px rgba(0, 0, 0, 0.1);
color:rgb(210,113,215);
font-size:220px;
}
5%{
text-shadow: 0px 3px 5px rgb(85, 85, 85), 0px 14px 15px rgba(0, 0, 0, 0.15), 0px 24px 5px rgba(0, 0, 0, 0.1), 0px 34px 35px rgba(0, 0, 0, 0.1);
color:rgb(190,183,215);
font-size:230px;
}
10%{
text-shadow: 0px 5px 0px rgb(95, 75, 65), 0px 18px 10px rgba(0, 0, 0, 0.15), 0px 29px 2px rgba(0, 0, 0, 0.1), 0px 39px 30px rgba(0, 0, 0, 0.1);
color:rgb(119,153,218);
font-size:240px;
}
15% {
text-shadow: 0px 13px 17px rgb(25, 55, 75), 0px 14px 27px rgba(0, 0, 0, 0.15), 0px 44px 12px rgba(0, 0, 0, 0.1), 0px 30px 55px rgba(0, 0, 0, 0.1);
color:rgb(155,123,135);
font-size:250px;
}
20% {
text-shadow: 0px 3px 5px rgb(85, 85, 85), 0px 14px 15px rgba(0, 0, 0, 0.15), 0px 24px 5px rgba(0, 0, 0, 0.1), 0px 34px 35px rgba(0, 0, 0, 0.1);
color:rgb(190,183,215);
font-size:260px;
}
25% {
text-shadow: 0px 7px 9px rgb(65, 55, 45), 0px 19px 16px rgba(0, 0, 0, 0.15), 0px 28px 9px rgba(0, 0, 0, 0.1), 0px 44px 45px rgba(0, 0, 0, 0.1);
color:rgb(100,153,255);
font-size:270px;
}
30% {
text-shadow: 0px 13px 15px rgb(53, 35, 25), 0px 14px 25px rgba(0, 0, 0, 0.15), 0px 21px 5px rgba(0, 0, 0, 0.1), 0px 34px 31px rgba(0, 0, 0, 0.1);
color:rgb(120,143,205);
font-size:280px;
}
35%{
text-shadow: 0px 3px 0px rgb(85, 85, 85), 0px 14px 10px rgba(0, 0, 0, 0.15), 0px 24px 2px rgba(0, 0, 0, 0.1), 0px 34px 30px rgba(0, 0, 0, 0.1);
color:rgb(210,113,215);
font-size:290px;
}
40% {
text-shadow: 0px 3px 10px rgb(85, 85, 85), 0px 14px 20px rgba(0, 0, 0, 0.15), 0px 24px 8px rgba(0, 0, 0, 0.1), 0px 34px 38px rgba(0, 0, 0, 0.1);
color:rgb(50,163,185);
font-size:300px;
}
45% {
text-shadow: 0px 13px 15px rgb(53, 35, 25), 0px 14px 25px rgba(0, 0, 0, 0.15), 0px 21px 5px rgba(0, 0, 0, 0.1), 0px 34px 31px rgba(0, 0, 0, 0.1);
color:rgb(120,143,205);
font-size:310px;
}
50% {
text-shadow: 0px 4px 12px rgb(35, 86, 65), 0px 19px 26px rgba(0, 0, 0, 0.15), 0px 26px 18px rgba(0, 0, 0, 0.1), 0px 54px 28px rgba(0, 0, 0, 0.1);
color:rgb(160,113,125);
font-size:300px;
}
55% {
text-shadow: 0px 3px 5px rgb(85, 85, 85), 0px 14px 15px rgba(0, 0, 0, 0.15), 0px 24px 5px rgba(0, 0, 0, 0.1), 0px 34px 35px rgba(0, 0, 0, 0.1);
color:rgb(190,183,215);
font-size:290px;
}
60% {
text-shadow: 0px 3px 7px rgb(85, 85, 85), 0px 14px 17px rgba(0, 0, 0, 0.15), 0px 24px 10px rgba(0, 0, 0, 0.1), 0px 34px 35px rgba(0, 0, 0, 0.1);
color:rgb(115,113,235);
font-size:280px;
}
65% {
text-shadow: 0px 4px 12px rgb(35, 86, 65), 0px 19px 26px rgba(0, 0, 0, 0.15), 0px 26px 18px rgba(0, 0, 0, 0.1), 0px 54px 28px rgba(0, 0, 0, 0.1);
color:rgb(160,113,125);
font-size:270px;
}
70% {
text-shadow: 0px 13px 17px rgb(25, 55, 75), 0px 14px 27px rgba(0, 0, 0, 0.15), 0px 44px 12px rgba(0, 0, 0, 0.1), 0px 30px 55px rgba(0, 0, 0, 0.1);
color:rgb(155,123,135);
font-size:260px;
}
75%{
text-shadow: 0px 3px 0px rgb(85, 85, 85), 0px 14px 10px rgba(0, 0, 0, 0.15), 0px 24px 2px rgba(0, 0, 0, 0.1), 0px 34px 30px rgba(0, 0, 0, 0.1);
color:rgb(210,113,215);
font-size:250px;
}
80% {
text-shadow: 0px 3px 5px rgb(85, 85, 85), 0px 14px 15px rgba(0, 0, 0, 0.15), 0px 24px 5px rgba(0, 0, 0, 0.1), 0px 34px 35px rgba(0, 0, 0, 0.1);
color:rgb(100,173,205);
font-size:240px;
}
85% {
text-shadow: 0px 3px 5px rgb(85, 85, 85), 0px 14px 15px rgba(0, 0, 0, 0.15), 0px 24px 5px rgba(0, 0, 0, 0.1), 0px 34px 35px rgba(0, 0, 0, 0.1);
color:rgb(190,183,215);
font-size:230px;
}
90% {
text-shadow: 0px 13px 15px rgb(53, 35, 25), 0px 14px 25px rgba(0, 0, 0, 0.15), 0px 21px 5px rgba(0, 0, 0, 0.1), 0px 34px 31px rgba(0, 0, 0, 0.1);
color:rgb(120,143,205);
font-size:220px;
}
95% {
text-shadow: 0px 4px 12px rgb(35, 86, 65), 0px 19px 26px rgba(0, 0, 0, 0.15), 0px 26px 18px rgba(0, 0, 0, 0.1), 0px 54px 28px rgba(0, 0, 0, 0.1);
color:rgb(160,113,125);
font-size:225px;
}
100% {
text-shadow: 0px 13px 10px rgb(25, 85, 45), 0px 14px 20px rgba(0, 0, 0, 0.15), 0px 21px 12px rgba(0, 0, 0, 0.1), 0px 54px 20px rgba(0, 0, 0, 0.1);
color:rgb(120,163,115);
font-size:220px;
}
}
@-moz-keyframes shadow {
0%{
text-shadow: 0px 3px 0px rgb(85, 85, 85), 0px 14px 10px rgba(0, 0, 0, 0.15), 0px 24px 2px rgba(0, 0, 0, 0.1), 0px 34px 30px rgba(0, 0, 0, 0.1);
color:rgb(210,113,215);
font-size:220px;
}
5%{
text-shadow: 0px 3px 5px rgb(85, 85, 85), 0px 14px 15px rgba(0, 0, 0, 0.15), 0px 24px 5px rgba(0, 0, 0, 0.1), 0px 34px 35px rgba(0, 0, 0, 0.1);
color:rgb(190,183,215);
font-size:230px;
}
10%{
text-shadow: 0px 5px 0px rgb(95, 75, 65), 0px 18px 10px rgba(0, 0, 0, 0.15), 0px 29px 2px rgba(0, 0, 0, 0.1), 0px 39px 30px rgba(0, 0, 0, 0.1);
color:rgb(119,153,218);
font-size:240px;
}
15% {
text-shadow: 0px 13px 17px rgb(25, 55, 75), 0px 14px 27px rgba(0, 0, 0, 0.15), 0px 44px 12px rgba(0, 0, 0, 0.1), 0px 30px 55px rgba(0, 0, 0, 0.1);
color:rgb(155,123,135);
font-size:250px;
}
20% {
text-shadow: 0px 3px 5px rgb(85, 85, 85), 0px 14px 15px rgba(0, 0, 0, 0.15), 0px 24px 5px rgba(0, 0, 0, 0.1), 0px 34px 35px rgba(0, 0, 0, 0.1);
color:rgb(190,183,215);
font-size:260px;
}
25% {
text-shadow: 0px 7px 9px rgb(65, 55, 45), 0px 19px 16px rgba(0, 0, 0, 0.15), 0px 28px 9px rgba(0, 0, 0, 0.1), 0px 44px 45px rgba(0, 0, 0, 0.1);
color:rgb(100,153,255);
font-size:270px;
}
30% {
text-shadow: 0px 13px 15px rgb(53, 35, 25), 0px 14px 25px rgba(0, 0, 0, 0.15), 0px 21px 5px rgba(0, 0, 0, 0.1), 0px 34px 31px rgba(0, 0, 0, 0.1);
color:rgb(120,143,205);
font-size:280px;
}
35%{
text-shadow: 0px 3px 0px rgb(85, 85, 85), 0px 14px 10px rgba(0, 0, 0, 0.15), 0px 24px 2px rgba(0, 0, 0, 0.1), 0px 34px 30px rgba(0, 0, 0, 0.1);
color:rgb(210,113,215);
font-size:290px;
}
40% {
text-shadow: 0px 3px 10px rgb(85, 85, 85), 0px 14px 20px rgba(0, 0, 0, 0.15), 0px 24px 8px rgba(0, 0, 0, 0.1), 0px 34px 38px rgba(0, 0, 0, 0.1);
color:rgb(50,163,185);
font-size:300px;
}
45% {
text-shadow: 0px 13px 15px rgb(53, 35, 25), 0px 14px 25px rgba(0, 0, 0, 0.15), 0px 21px 5px rgba(0, 0, 0, 0.1), 0px 34px 31px rgba(0, 0, 0, 0.1);
color:rgb(120,143,205);
font-size:310px;
}
50% {
text-shadow: 0px 4px 12px rgb(35, 86, 65), 0px 19px 26px rgba(0, 0, 0, 0.15), 0px 26px 18px rgba(0, 0, 0, 0.1), 0px 54px 28px rgba(0, 0, 0, 0.1);
color:rgb(160,113,125);
font-size:300px;
}
55% {
text-shadow: 0px 3px 5px rgb(85, 85, 85), 0px 14px 15px rgba(0, 0, 0, 0.15), 0px 24px 5px rgba(0, 0, 0, 0.1), 0px 34px 35px rgba(0, 0, 0, 0.1);
color:rgb(190,183,215);
font-size:290px;
}
60% {
text-shadow: 0px 3px 7px rgb(85, 85, 85), 0px 14px 17px rgba(0, 0, 0, 0.15), 0px 24px 10px rgba(0, 0, 0, 0.1), 0px 34px 35px rgba(0, 0, 0, 0.1);
color:rgb(115,113,235);
font-size:280px;
}
65% {
text-shadow: 0px 4px 12px rgb(35, 86, 65), 0px 19px 26px rgba(0, 0, 0, 0.15), 0px 26px 18px rgba(0, 0, 0, 0.1), 0px 54px 28px rgba(0, 0, 0, 0.1);
color:rgb(160,113,125);
font-size:270px;
}
70% {
text-shadow: 0px 13px 17px rgb(25, 55, 75), 0px 14px 27px rgba(0, 0, 0, 0.15), 0px 44px 12px rgba(0, 0, 0, 0.1), 0px 30px 55px rgba(0, 0, 0, 0.1);
color:rgb(155,123,135);
font-size:260px;
}
75%{
text-shadow: 0px 3px 0px rgb(85, 85, 85), 0px 14px 10px rgba(0, 0, 0, 0.15), 0px 24px 2px rgba(0, 0, 0, 0.1), 0px 34px 30px rgba(0, 0, 0, 0.1);
color:rgb(210,113,215);
font-size:250px;
}
80% {
text-shadow: 0px 3px 5px rgb(85, 85, 85), 0px 14px 15px rgba(0, 0, 0, 0.15), 0px 24px 5px rgba(0, 0, 0, 0.1), 0px 34px 35px rgba(0, 0, 0, 0.1);
color:rgb(100,173,205);
font-size:240px;
}
85% {
text-shadow: 0px 3px 5px rgb(85, 85, 85), 0px 14px 15px rgba(0, 0, 0, 0.15), 0px 24px 5px rgba(0, 0, 0, 0.1), 0px 34px 35px rgba(0, 0, 0, 0.1);
color:rgb(190,183,215);
font-size:230px;
}
90% {
text-shadow: 0px 13px 15px rgb(53, 35, 25), 0px 14px 25px rgba(0, 0, 0, 0.15), 0px 21px 5px rgba(0, 0, 0, 0.1), 0px 34px 31px rgba(0, 0, 0, 0.1);
color:rgb(120,143,205);
font-size:220px;
}
95% {
text-shadow: 0px 4px 12px rgb(35, 86, 65), 0px 19px 26px rgba(0, 0, 0, 0.15), 0px 26px 18px rgba(0, 0, 0, 0.1), 0px 54px 28px rgba(0, 0, 0, 0.1);
color:rgb(160,113,125);
font-size:225px;
}
100% {
text-shadow: 0px 13px 10px rgb(25, 85, 45), 0px 14px 20px rgba(0, 0, 0, 0.15), 0px 21px 12px rgba(0, 0, 0, 0.1), 0px 54px 20px rgba(0, 0, 0, 0.1);
color:rgb(120,163,115);
font-size:220px;
}
}
@-ms-keyframes shadow {
0%{
text-shadow: 0px 3px 0px rgb(85, 85, 85), 0px 14px 10px rgba(0, 0, 0, 0.15), 0px 24px 2px rgba(0, 0, 0, 0.1), 0px 34px 30px rgba(0, 0, 0, 0.1);
color:rgb(210,113,215);
font-size:220px;
}
5%{
text-shadow: 0px 3px 5px rgb(85, 85, 85), 0px 14px 15px rgba(0, 0, 0, 0.15), 0px 24px 5px rgba(0, 0, 0, 0.1), 0px 34px 35px rgba(0, 0, 0, 0.1);
color:rgb(190,183,215);
font-size:230px;
}
10%{
text-shadow: 0px 5px 0px rgb(95, 75, 65), 0px 18px 10px rgba(0, 0, 0, 0.15), 0px 29px 2px rgba(0, 0, 0, 0.1), 0px 39px 30px rgba(0, 0, 0, 0.1);
color:rgb(119,153,218);
font-size:240px;
}
15% {
text-shadow: 0px 13px 17px rgb(25, 55, 75), 0px 14px 27px rgba(0, 0, 0, 0.15), 0px 44px 12px rgba(0, 0, 0, 0.1), 0px 30px 55px rgba(0, 0, 0, 0.1);
color:rgb(155,123,135);
font-size:250px;
}
20% {
text-shadow: 0px 3px 5px rgb(85, 85, 85), 0px 14px 15px rgba(0, 0, 0, 0.15), 0px 24px 5px rgba(0, 0, 0, 0.1), 0px 34px 35px rgba(0, 0, 0, 0.1);
color:rgb(190,183,215);
font-size:260px;
}
25% {
text-shadow: 0px 7px 9px rgb(65, 55, 45), 0px 19px 16px rgba(0, 0, 0, 0.15), 0px 28px 9px rgba(0, 0, 0, 0.1), 0px 44px 45px rgba(0, 0, 0, 0.1);
color:rgb(100,153,255);
font-size:270px;
}
30% {
text-shadow: 0px 13px 15px rgb(53, 35, 25), 0px 14px 25px rgba(0, 0, 0, 0.15), 0px 21px 5px rgba(0, 0, 0, 0.1), 0px 34px 31px rgba(0, 0, 0, 0.1);
color:rgb(120,143,205);
font-size:280px;
}
35%{
text-shadow: 0px 3px 0px rgb(85, 85, 85), 0px 14px 10px rgba(0, 0, 0, 0.15), 0px 24px 2px rgba(0, 0, 0, 0.1), 0px 34px 30px rgba(0, 0, 0, 0.1);
color:rgb(210,113,215);
font-size:290px;
}
40% {
text-shadow: 0px 3px 10px rgb(85, 85, 85), 0px 14px 20px rgba(0, 0, 0, 0.15), 0px 24px 8px rgba(0, 0, 0, 0.1), 0px 34px 38px rgba(0, 0, 0, 0.1);
color:rgb(50,163,185);
font-size:300px;
}
45% {
text-shadow: 0px 13px 15px rgb(53, 35, 25), 0px 14px 25px rgba(0, 0, 0, 0.15), 0px 21px 5px rgba(0, 0, 0, 0.1), 0px 34px 31px rgba(0, 0, 0, 0.1);
color:rgb(120,143,205);
font-size:310px;
}
50% {
text-shadow: 0px 4px 12px rgb(35, 86, 65), 0px 19px 26px rgba(0, 0, 0, 0.15), 0px 26px 18px rgba(0, 0, 0, 0.1), 0px 54px 28px rgba(0, 0, 0, 0.1);
color:rgb(160,113,125);
font-size:300px;
}
55% {
text-shadow: 0px 3px 5px rgb(85, 85, 85), 0px 14px 15px rgba(0, 0, 0, 0.15), 0px 24px 5px rgba(0, 0, 0, 0.1), 0px 34px 35px rgba(0, 0, 0, 0.1);
color:rgb(190,183,215);
font-size:290px;
}
60% {
text-shadow: 0px 3px 7px rgb(85, 85, 85), 0px 14px 17px rgba(0, 0, 0, 0.15), 0px 24px 10px rgba(0, 0, 0, 0.1), 0px 34px 35px rgba(0, 0, 0, 0.1);
color:rgb(115,113,235);
font-size:280px;
}
65% {
text-shadow: 0px 4px 12px rgb(35, 86, 65), 0px 19px 26px rgba(0, 0, 0, 0.15), 0px 26px 18px rgba(0, 0, 0, 0.1), 0px 54px 28px rgba(0, 0, 0, 0.1);
color:rgb(160,113,125);
font-size:270px;
}
70% {
text-shadow: 0px 13px 17px rgb(25, 55, 75), 0px 14px 27px rgba(0, 0, 0, 0.15), 0px 44px 12px rgba(0, 0, 0, 0.1), 0px 30px 55px rgba(0, 0, 0, 0.1);
color:rgb(155,123,135);
font-size:260px;
}
75%{
text-shadow: 0px 3px 0px rgb(85, 85, 85), 0px 14px 10px rgba(0, 0, 0, 0.15), 0px 24px 2px rgba(0, 0, 0, 0.1), 0px 34px 30px rgba(0, 0, 0, 0.1);
color:rgb(210,113,215);
font-size:250px;
}
80% {
text-shadow: 0px 3px 5px rgb(85, 85, 85), 0px 14px 15px rgba(0, 0, 0, 0.15), 0px 24px 5px rgba(0, 0, 0, 0.1), 0px 34px 35px rgba(0, 0, 0, 0.1);
color:rgb(100,173,205);
font-size:240px;
}
85% {
text-shadow: 0px 3px 5px rgb(85, 85, 85), 0px 14px 15px rgba(0, 0, 0, 0.15), 0px 24px 5px rgba(0, 0, 0, 0.1), 0px 34px 35px rgba(0, 0, 0, 0.1);
color:rgb(190,183,215);
font-size:230px;
}
90% {
text-shadow: 0px 13px 15px rgb(53, 35, 25), 0px 14px 25px rgba(0, 0, 0, 0.15), 0px 21px 5px rgba(0, 0, 0, 0.1), 0px 34px 31px rgba(0, 0, 0, 0.1);
color:rgb(120,143,205);
font-size:220px;
}
95% {
text-shadow: 0px 4px 12px rgb(35, 86, 65), 0px 19px 26px rgba(0, 0, 0, 0.15), 0px 26px 18px rgba(0, 0, 0, 0.1), 0px 54px 28px rgba(0, 0, 0, 0.1);
color:rgb(160,113,125);
font-size:225px;
}
100% {
text-shadow: 0px 13px 10px rgb(25, 85, 45), 0px 14px 20px rgba(0, 0, 0, 0.15), 0px 21px 12px rgba(0, 0, 0, 0.1), 0px 54px 20px rgba(0, 0, 0, 0.1);
color:rgb(120,163,115);
font-size:220px;
}
}
@keyframes shadow {
0%{
text-shadow: 0px 3px 0px rgb(85, 85, 85), 0px 14px 10px rgba(0, 0, 0, 0.15), 0px 24px 2px rgba(0, 0, 0, 0.1), 0px 34px 30px rgba(0, 0, 0, 0.1);
color:rgb(210,113,215);
font-size:220px;
}
5%{
text-shadow: 0px 3px 5px rgb(85, 85, 85), 0px 14px 15px rgba(0, 0, 0, 0.15), 0px 24px 5px rgba(0, 0, 0, 0.1), 0px 34px 35px rgba(0, 0, 0, 0.1);
color:rgb(190,183,215);
font-size:230px;
}
10%{
text-shadow: 0px 5px 0px rgb(95, 75, 65), 0px 18px 10px rgba(0, 0, 0, 0.15), 0px 29px 2px rgba(0, 0, 0, 0.1), 0px 39px 30px rgba(0, 0, 0, 0.1);
color:rgb(119,153,218);
font-size:240px;
}
15% {
text-shadow: 0px 13px 17px rgb(25, 55, 75), 0px 14px 27px rgba(0, 0, 0, 0.15), 0px 44px 12px rgba(0, 0, 0, 0.1), 0px 30px 55px rgba(0, 0, 0, 0.1);
color:rgb(155,123,135);
font-size:250px;
}
20% {
text-shadow: 0px 3px 5px rgb(85, 85, 85), 0px 14px 15px rgba(0, 0, 0, 0.15), 0px 24px 5px rgba(0, 0, 0, 0.1), 0px 34px 35px rgba(0, 0, 0, 0.1);
color:rgb(190,183,215);
font-size:260px;
}
25% {
text-shadow: 0px 7px 9px rgb(65, 55, 45), 0px 19px 16px rgba(0, 0, 0, 0.15), 0px 28px 9px rgba(0, 0, 0, 0.1), 0px 44px 45px rgba(0, 0, 0, 0.1);
color:rgb(100,153,255);
font-size:270px;
}
30% {
text-shadow: 0px 13px 15px rgb(53, 35, 25), 0px 14px 25px rgba(0, 0, 0, 0.15), 0px 21px 5px rgba(0, 0, 0, 0.1), 0px 34px 31px rgba(0, 0, 0, 0.1);
color:rgb(120,143,205);
font-size:280px;
}
35%{
text-shadow: 0px 3px 0px rgb(85, 85, 85), 0px 14px 10px rgba(0, 0, 0, 0.15), 0px 24px 2px rgba(0, 0, 0, 0.1), 0px 34px 30px rgba(0, 0, 0, 0.1);
color:rgb(210,113,215);
font-size:290px;
}
40% {
text-shadow: 0px 3px 10px rgb(85, 85, 85), 0px 14px 20px rgba(0, 0, 0, 0.15), 0px 24px 8px rgba(0, 0, 0, 0.1), 0px 34px 38px rgba(0, 0, 0, 0.1);
color:rgb(50,163,185);
font-size:300px;
}
45% {
text-shadow: 0px 13px 15px rgb(53, 35, 25), 0px 14px 25px rgba(0, 0, 0, 0.15), 0px 21px 5px rgba(0, 0, 0, 0.1), 0px 34px 31px rgba(0, 0, 0, 0.1);
color:rgb(120,143,205);
font-size:310px;
}
50% {
text-shadow: 0px 4px 12px rgb(35, 86, 65), 0px 19px 26px rgba(0, 0, 0, 0.15), 0px 26px 18px rgba(0, 0, 0, 0.1), 0px 54px 28px rgba(0, 0, 0, 0.1);
color:rgb(160,113,125);
font-size:300px;
}
55% {
text-shadow: 0px 3px 5px rgb(85, 85, 85), 0px 14px 15px rgba(0, 0, 0, 0.15), 0px 24px 5px rgba(0, 0, 0, 0.1), 0px 34px 35px rgba(0, 0, 0, 0.1);
color:rgb(190,183,215);
font-size:290px;
}
60% {
text-shadow: 0px 3px 7px rgb(85, 85, 85), 0px 14px 17px rgba(0, 0, 0, 0.15), 0px 24px 10px rgba(0, 0, 0, 0.1), 0px 34px 35px rgba(0, 0, 0, 0.1);
color:rgb(115,113,235);
font-size:280px;
}
65% {
text-shadow: 0px 4px 12px rgb(35, 86, 65), 0px 19px 26px rgba(0, 0, 0, 0.15), 0px 26px 18px rgba(0, 0, 0, 0.1), 0px 54px 28px rgba(0, 0, 0, 0.1);
color:rgb(160,113,125);
font-size:270px;
}
70% {
text-shadow: 0px 13px 17px rgb(25, 55, 75), 0px 14px 27px rgba(0, 0, 0, 0.15), 0px 44px 12px rgba(0, 0, 0, 0.1), 0px 30px 55px rgba(0, 0, 0, 0.1);
color:rgb(155,123,135);
font-size:260px;
}
75%{
text-shadow: 0px 3px 0px rgb(85, 85, 85), 0px 14px 10px rgba(0, 0, 0, 0.15), 0px 24px 2px rgba(0, 0, 0, 0.1), 0px 34px 30px rgba(0, 0, 0, 0.1);
color:rgb(210,113,215);
font-size:250px;
}
80% {
text-shadow: 0px 3px 5px rgb(85, 85, 85), 0px 14px 15px rgba(0, 0, 0, 0.15), 0px 24px 5px rgba(0, 0, 0, 0.1), 0px 34px 35px rgba(0, 0, 0, 0.1);
color:rgb(100,173,205);
font-size:240px;
}
85% {
text-shadow: 0px 3px 5px rgb(85, 85, 85), 0px 14px 15px rgba(0, 0, 0, 0.15), 0px 24px 5px rgba(0, 0, 0, 0.1), 0px 34px 35px rgba(0, 0, 0, 0.1);
color:rgb(190,183,215);
font-size:230px;
}
90% {
text-shadow: 0px 13px 15px rgb(53, 35, 25), 0px 14px 25px rgba(0, 0, 0, 0.15), 0px 21px 5px rgba(0, 0, 0, 0.1), 0px 34px 31px rgba(0, 0, 0, 0.1);
color:rgb(120,143,205);
font-size:220px;
}
95% {
text-shadow: 0px 4px 12px rgb(35, 86, 65), 0px 19px 26px rgba(0, 0, 0, 0.15), 0px 26px 18px rgba(0, 0, 0, 0.1), 0px 54px 28px rgba(0, 0, 0, 0.1);
color:rgb(160,113,125);
font-size:225px;
}
100% {
text-shadow: 0px 13px 10px rgb(25, 85, 45), 0px 14px 20px rgba(0, 0, 0, 0.15), 0px 21px 12px rgba(0, 0, 0, 0.1), 0px 54px 20px rgba(0, 0, 0, 0.1);
color:rgb(120,163,115);
font-size:220px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment