Psst.. new poll here.
Psst.. new forums here.
Microsoft is blocking us again (TY IP Reputation!) so just use oauth login instead. :)
Paste
Pasted as CSS by anto ( 6 years ago )
.newsletter {
font-family: 'Open Sans', sans-serif;
color: white;
position: relative;
}
.newsletter:before,
.newsletter:after {
content: attr(data-cont);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.newsletter:before {
color: #FF0000;
}
.newsletter:after {
color: #FFBF00;
}
.newsletter:hover:before {
-webkit-animation: fire 3s infinite;
-moz-animation: fire 3s infinite;
-ms-animation: fire 3s infinite;
animation: fire 3s infinite;
}
@-moz-keyframes fire {
0% {
-webkit-filter: blur(27px);
filter: blur(27px);
}
10% {
-webkit-filter: blur(37px);
filter: blur(37px);
}
20% {
-webkit-filter: blur(42px);
filter: blur(42px);
}
30% {
-webkit-filter: blur(28px);
filter: blur(28px);
}
40% {
-webkit-filter: blur(18px);
filter: blur(18px);
}
50% {
-webkit-filter: blur(25px);
filter: blur(25px);
}
60% {
-webkit-filter: blur(29px);
filter: blur(29px);
}
70% {
-webkit-filter: blur(32px);
filter: blur(32px);
}
80% {
-webkit-filter: blur(30px);
filter: blur(30px);
}
90% {
-webkit-filter: blur(35px);
filter: blur(35px);
}
100% {
-webkit-filter: blur(27px);
filter: blur(27px);
}
}
@-webkit-keyframes fire {
0% {
-webkit-filter: blur(27px);
filter: blur(27px);
}
10% {
-webkit-filter: blur(37px);
filter: blur(37px);
}
20% {
-webkit-filter: blur(42px);
filter: blur(42px);
}
30% {
-webkit-filter: blur(28px);
filter: blur(28px);
}
40% {
-webkit-filter: blur(18px);
filter: blur(18px);
}
50% {
-webkit-filter: blur(25px);
filter: blur(25px);
}
60% {
-webkit-filter: blur(29px);
filter: blur(29px);
}
70% {
-webkit-filter: blur(32px);
filter: blur(32px);
}
80% {
-webkit-filter: blur(30px);
filter: blur(30px);
}
90% {
-webkit-filter: blur(35px);
filter: blur(35px);
}
100% {
-webkit-filter: blur(27px);
filter: blur(27px);
}
}
@keyframes fire {
0% {
-webkit-filter: blur(27px);
filter: blur(27px);
}
10% {
-webkit-filter: blur(37px);
filter: blur(37px);
}
20% {
-webkit-filter: blur(42px);
filter: blur(42px);
}
30% {
-webkit-filter: blur(28px);
filter: blur(28px);
}
40% {
-webkit-filter: blur(18px);
filter: blur(18px);
}
50% {
-webkit-filter: blur(25px);
filter: blur(25px);
}
60% {
-webkit-filter: blur(29px);
filter: blur(29px);
}
70% {
-webkit-filter: blur(32px);
filter: blur(32px);
}
80% {
-webkit-filter: blur(30px);
filter: blur(30px);
}
90% {
-webkit-filter: blur(35px);
filter: blur(35px);
}
100% {
-webkit-filter: blur(27px);
filter: blur(27px);
}
}
.newsletter:hover:after {
-webkit-animation: fire2 1.5s infinite;
-moz-animation: fire2 1.5s infinite;
-ms-animation: fire2 1.5s infinite;
animation: fire2 1.5s infinite;
}
@-moz-keyframes fire2 {
0% {
-webkit-filter: blur(7px);
filter: blur(7px);
}
10% {
-webkit-filter: blur(17px);
filter: blur(17px);
}
20% {
-webkit-filter: blur(12px);
filter: blur(12px);
}
30% {
-webkit-filter: blur(8px);
filter: blur(8px);
}
40% {
-webkit-filter: blur(12px);
filter: blur(12px);
}
50% {
-webkit-filter: blur(5px);
filter: blur(5px);
}
60% {
-webkit-filter: blur(9px);
filter: blur(9px);
}
70% {
-webkit-filter: blur(12px);
filter: blur(12px);
}
80% {
-webkit-filter: blur(10px);
filter: blur(10px);
}
90% {
-webkit-filter: blur(15px);
filter: blur(15px);
}
100% {
-webkit-filter: blur(17px);
filter: blur(17px);
}
}
@-webkit-keyframes fire2 {
0% {
-webkit-filter: blur(7px);
filter: blur(7px);
}
10% {
-webkit-filter: blur(17px);
filter: blur(17px);
}
20% {
-webkit-filter: blur(12px);
filter: blur(12px);
}
30% {
-webkit-filter: blur(8px);
filter: blur(8px);
}
40% {
-webkit-filter: blur(12px);
filter: blur(12px);
}
50% {
-webkit-filter: blur(5px);
filter: blur(5px);
}
60% {
-webkit-filter: blur(9px);
filter: blur(9px);
}
70% {
-webkit-filter: blur(12px);
filter: blur(12px);
}
80% {
-webkit-filter: blur(10px);
filter: blur(10px);
}
90% {
-webkit-filter: blur(15px);
filter: blur(15px);
}
100% {
-webkit-filter: blur(17px);
filter: blur(17px);
}
}
@keyframes fire2 {
0% {
-webkit-filter: blur(7px);
filter: blur(7px);
}
10% {
-webkit-filter: blur(17px);
filter: blur(17px);
}
20% {
-webkit-filter: blur(12px);
filter: blur(12px);
}
30% {
-webkit-filter: blur(8px);
filter: blur(8px);
}
40% {
-webkit-filter: blur(12px);
filter: blur(12px);
}
50% {
-webkit-filter: blur(5px);
filter: blur(5px);
}
60% {
-webkit-filter: blur(9px);
filter: blur(9px);
}
70% {
-webkit-filter: blur(12px);
filter: blur(12px);
}
80% {
-webkit-filter: blur(10px);
filter: blur(10px);
}
90% {
-webkit-filter: blur(15px);
filter: blur(15px);
}
100% {
-webkit-filter: blur(17px);
filter: blur(17px);
}
}
Revise this Paste