#wave CSS effects

7 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.

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.

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

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

Letters rise and fall in a smooth traveling wave.

Popular tags