Animated gradient text in Elementor CSS
Add eye-catching flair to your WordPress Elementor website with animated gradient text! Elevate your design with dynamic color transitions that captivate your audience. Harness the power of CSS to create striking visual effects effortlessly.
/* - Animated Gradient Text - */
.gradient-text h1, .gradient-text h2, .gradient-text h3, .gradient-text h4, .gradient-text h5, .gradient-text h6 {
background: linear-gradient(45deg, #2FEBDC, #EB413B, #FFA300, #E422EB);
background-size:400%;
animation: text-gradient 15s ease infinite;
padding:5px 0;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
@keyframes text-gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}