.text-effect {
background:#2c2c54;
color:#fff;
font-family:'Monoton',cursive;
font-size:100px;
font-weight:700;
text-transform:uppercase;
text-align:center;
margin:0 auto;
display:block;
position:relative;
}
.text-effect span {
animation:animate linear 2000ms infinite;
}
.text-effect span:nth-child(1n) {
animation-delay:0s;
}
.text-effect span:nth-child(2n) {
animation-delay:100ms;
}
.text-effect span:nth-child(3n) {
animation-delay:200ms;
}
.text-effect span:nth-child(4n) {
animation-delay:300ms;
}
.text-effect span:nth-child(5n) {
animation-delay:400ms;
}
.text-effect span:nth-child(6n) {
animation-delay:500ms;
}
.text-effect span:nth-child(7n) {
animation-delay:600ms;
}
.text-effect span:nth-child(8n) {
animation-delay:700ms;
}
.text-effect span:nth-child(9n) {
animation-delay:800ms;
}
.text-effect span:nth-child(10n) {
animation-delay:900ms;
}
@keyframes animate {
0% {
opacity:0.3;
}
100% {
opacity:1;
text-shadow:0 0 80px Red,0 0 30px orange,0 0 6px DarkRed;
}
}@media only screen and (max-width:990px) {
.text-effect {
font-size:65px;
}
}@media only screen and (max-width:767px) {
.text-effect {
font-size:50px;
}
}@media only screen and (max-width:479px) {
.text-effect {
font-size:36px;
}
}@media only screen and (max-width:359px) {
.text-effect {
font-size:27px;
}
}更新时间:2019-09-11 09:06:42