Text Color Animator
Create eye-catching animated text with gradients or color fades.
Animated Text
<!-- HTML -->
<h1 class="animated-text">Animated Text</h1>
/* CSS */
.animated-text {
background: linear-gradient(to right, #ff7e5f, #feb47b);
background-size: 200% auto;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: animated-text-gradient 5s linear infinite;
}
@keyframes animated-text-gradient {
to { background-position: 200% center; }
}