Flag Wave ripples your word as though it were printed on cloth in a steady wind — the distortion travelling across the letters in a wave rather than wobbling them in place.
What Flag Wave is good for
National day, sporting and patriotic graphics
Event and festival banners
Team and club branding
How this animation is built
A SMIL-driven turbulence field moves horizontally and feDisplacementMap maps the glyphs onto it, so the ripple genuinely travels across the word — letters on the left move before letters on the right, exactly as fabric does. fw-in handles the initial appearance.
Tips for Flag Wave
Wider words show the travelling wave better than short ones; the effect needs distance to cross.
Works over a flat colour or a simple gradient — busy backgrounds hide the motion.
Flag Wave questions
Can I control the wind speed?
The speed control governs how quickly the wave crosses. Slower reads as heavy fabric, faster as a light flag in a strong wind.
Related animation styles
Flaming Text — Flames lick upward from letters standing in white-hot fire
Burning Text — Charred letters engulfed in a roaring inferno of tall flames
Blue Fire — Ghostly blue flames rising off cool glowing letters
Smoke Wisp — Pale ghost letters that waver and drift apart like smoke
Molten Rune — Stone-carved letters flooding with molten gold as embers rise
Abyss Caustics — Underwater light ripples over pale type as bubbles rise