Animated Text Fills background-clip: text with animated gradient

Previous Demo Back to the Codrops article

SVG text with animated dashed stroke pattern Selectable SVG text with clip-path and animated stroke pattern background-clip: text with animated gradient SVG text with animated gradient SVG text with animated pattern SVG text with animated GIF SVG text with animated stroke pattern Selectable SVG text with animated shapes and clip-path Text with mix-blend-mode and box-shadow animation SVG text fill with animated box-shadow SVG with HTML5 video text fill

Suported in Chrome, Safari and Opera

Line

If you enjoyed this demo you might also like:

Animated Header Backgrounds

Techniques for Creating Textured Text