.middle
label.neon Glow Text
//label.neon Testes
//i.fa.fa-moon-o
View Compiled
@import url('https://fonts.googleapis.com/css?family=Audiowide');
body{
background-color:#000;
}
.middle{
font-family: 'Audiowide', cursive;
width: 80%;
margin: 0 auto;
}
.middle label.neon{
margin-top: 10%;
width:100%;
float:left;
text-align:center;
padding:40pt 0;
font-size:40pt;
color: #fff;
text-shadow: 0 0 15px #fff,
0 0 110px #fff, 0 0 120px #ff0080,
0 0 130px #ff0080, 0 0 40px #ff0080,
0 0 55px #ff0080, 0 0 75px #ff0080;
}
.middle label.brilliant {
color: #000;
text-shadow: 0 0 15px #000,
0 0 110px #000, 0 0 120px #2abf79,
0 0 130px #2abf79, 0 0 40px #2abf79,
0 0 55px #2abf79, 0 0 75px #2abf79;
}
.middle label.brillianter {
color: #000;
text-shadow: 0 0 15px #000,
0 0 110px #000, 0 0 120px red,
0 0 130px red, 0 0 40px red,
0 0 55px red, 0 0 75px red;
}
setInterval('$(".neon").toggleClass("brilliant");', 800);
setInterval('$(".neon").toggleClass("brillianter");', 400);
This Pen doesn't use any external CSS resources.