53 lines
2.6 KiB
Stylus
53 lines
2.6 KiB
Stylus
// For black text.
|
|
@-webkit-keyframes neon6
|
|
from
|
|
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de
|
|
to
|
|
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de
|
|
@-moz-keyframes neon6
|
|
from
|
|
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de
|
|
to
|
|
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de
|
|
@keyframes neon6
|
|
from
|
|
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de
|
|
to
|
|
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de
|
|
|
|
// For white text.
|
|
@-webkit-keyframes neon7
|
|
from
|
|
text-shadow: 0 0 10px #bbb, 0 0 20px #bbb, 0 0 30px #bbb, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de
|
|
to
|
|
text-shadow: 0 0 5px #bbb, 0 0 10px #bbb, 0 0 15px #bbb, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de
|
|
@-moz-keyframes neon7
|
|
from
|
|
text-shadow: 0 0 10px #bbb, 0 0 20px #bbb, 0 0 30px #bbb, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de
|
|
to
|
|
text-shadow: 0 0 5px #bbb, 0 0 10px #bbb, 0 0 15px #bbb, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de
|
|
@keyframes neon7
|
|
from
|
|
text-shadow: 0 0 10px #bbb, 0 0 20px #bbb, 0 0 30px #bbb, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de
|
|
to
|
|
text-shadow: 0 0 5px #bbb, 0 0 10px #bbb, 0 0 15px #bbb, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de
|
|
|
|
//@-webkit-keyframes neon6_drop
|
|
// from
|
|
// -webkit-filter: drop-shadow(0px 0px 20px rgba(194,0,0,0.7))
|
|
// filter: url(shadow.svg#drop-shadow)
|
|
// 50%
|
|
// -webkit-filter: drop-shadow(0px 0px 20px rgba(255,0,0,1))
|
|
// filter: url(shadow.svg#drop-shadow)
|
|
// to
|
|
// -webkit-filter: drop-shadow(0px 0px 20px rgba(194,0,0,0.7))
|
|
// filter: url(shadow.svg#drop-shadow)
|
|
|
|
@keyframes neon6_drop
|
|
from
|
|
filter: drop-shadow(0px 0px 20px rgba(194,0,0,0.7)) brightness(120%)
|
|
50%
|
|
filter: drop-shadow(0px 0px 20px rgba(255,0,0,1)) brightness(80%)
|
|
to
|
|
filter: drop-shadow(0px 0px 20px rgba(194,0,0,0.7)) brightness(100%)
|