#wave CSS effects

10 free, pure-CSS effects match the "wave" tag. Each is copy-ready and needs no library or build step.

Layered SVG wave shapes ripple across a calm ocean horizon.

Each letter cycles through rainbow hues while bouncing in a sine wave.

Letters rise and fall in a smooth traveling wave.

A soft wave sweeps across the panel and the text arrives in its wake.

A liquid wave fills the button from bottom to top on hover.

A 3x3 grid of violet dots pulsing outward from the corner in a wave.

Concentric ripples expanding outward and fading away.

A wave of transparency drifts across the panel independently of the sliding caption.

Single letters ride the rail while a vertical wave travels through them in sequence.

Retro 80s vaporwave text with pink-cyan duotone and deep shadow stack.

Popular tags