In this video we’re gonna see how to create and apply a tubelight effect to a simple paragraph in WordPress.
The changes
CSS CODE for this project:
The code we’ve used for this test is the following:
Feel free to copy and paste it to customize your WordPress sites:
#first_container h6 {
color: rgba(255, 255, 255, 1);
font-size: 18px;
animation:animate 5s linear infinite
}
@keyframes animate {0% , 18% , 20% , 50.1% , 60% , 65.1% , 80% , 90.1% , 92%{
color: white;
text-shadow: none;
}
18.1% , 20.1% , 50% , 60.1% , 65% , 80.1% , 90% , 92.1% , 100%{
color: white;
text-shadow: 0 0 10px #03bcf4 , 0 0 20px #03bcf4 , 0 0 40px #03bcf4 , 0 0 80px #03bcf4 , 0 0 160px #03bcf4;
}
}
source