#animation CSS effects

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

Live preview Toggles

Spin / Stop

Continuously spinning knob halts when toggled on.

#animation #gradient #transform

Live preview Toggles

Stars Twinkle

Dark night sky fills with twinkling stars when on.

#animation #transform #shadow

Live preview Toggles

Steampunk Valve

Brass steampunk valve wheel cranks open with steam release.

#animation #gradient #transform

Live preview Toggles

Stream / Pool

Flowing stream pattern settles into a still pool on toggle.

#animation #gradient #transform

Live preview Toggles

Sync / Async

Spinning sync knob pauses into an async state on toggle.

#animation #transform #shadow

Live preview Toggles

Sync Spin

Two arrows form a sync circle that spins while syncing.

#animation #transform #shadow

Live preview Toggles

Taffeta Rustle

Crisp taffeta fabric with audible rustle shimmer.

#animation #gradient #transform

Live preview Toggles

Tempo Slow / Fast

Knob spins slow when off and accelerates when toggled on.

#animation #gradient #transform

Live preview Toggles

Terminal Prompt

Blinking cursor at a shell prompt toggles to a check output.

#animation #transform #shadow

Live preview Toggles

Throb / Still

Throbbing knob becomes still on the emerald track.

#animation #transform #shadow

Live preview Toggles

Thunder Storm

Lightning bolt crackles to life on a stormy track.

#animation #gradient #transform

Live preview Toggles

Tidal Wave

Wave layer rises and falls beneath the knob as it slides.

#animation #gradient #transform

Live preview Toggles

Tide Pool

Tranquil tide pool ripples with marine life colors.

#animation #gradient #transform

Live preview Toggles

Torch Flame

Torch flame flickers to life when the toggle ignites.

#animation #gradient #transform

Live preview Toggles

Torch / Lantern

Flickering torch knob becomes a steady lantern on toggle.

#animation #transform #shadow

Live preview Toggles

Tornado Form

Tornado funnel cloud forms spinning across the track.

#animation #gradient #transform

Live preview Toggles

Tornado Spin

Tornado icon spins up when the storm toggle activates.

#animation #transform #shadow

Live preview Toggles

Tremolo / Steady

Knob trembles with rapid pulses and goes steady on toggle.

#animation #transform #shadow

Live preview Toggles

Tremor / Calm

Tremoring knob calms down on the violet track.

#animation #transform #shadow

Live preview Toggles

Tumbleweed Roll

Western tumbleweed rolls across the dusty desert track.

#animation #gradient #transform

Live preview Toggles

Turbine Spin

Power turbine blades spin to generate energy.

#animation #gradient #transform

Live preview Toggles

Vibrate / Still

Vibrating phone settles to still silence.

#animation #transform #shadow

Live preview Toggles

Vibrato / Straight

Knob wobbles side-to-side with vibrato, settles straight on toggle.

#animation #transform #shadow

Live preview Toggles

Vinyl / Cassette

Spinning vinyl record becomes a retro cassette.

#animation #transform #shadow

Live preview Toggles

Vinyl Scratch

Vinyl record knob spins and scratches across the track.

#animation #gradient #transform

Live preview Toggles

Vinyl / Stream

Vinyl record knob becomes a streaming phone on the dark track.

#animation #transform #shadow

Live preview Toggles

Volcano Erupt

Volcano crater erupts spewing lava and sparks.

#animation #gradient #transform

Live preview Toggles

Vortex / Calm

Spinning vortex knob calms to a steady dot on toggle.

#animation #gradient #transform

Live preview Toggles

Vortex Spin

Spiraling vortex pulls the knob into a swirling center.

#animation #gradient #transform

Live preview Toggles

Wave / Ripple

Knob sends out concentric ripple waves.

#animation #transform #shadow

Live preview Toggles

Whirl Pool

Spinning whirlpool swirls water around the knob.

#animation #gradient #transform

Live preview Toggles

Whirl / Still

Whirling knob stops still on the rose track when toggled.

#animation #gradient #transform

Live preview Toggles

Win / Lose RNG

Trophy knob becomes a loss X with a roll-the-dice feel.

#animation #transform #shadow

Live preview Toggles

Windmill Spin

Windmill knob blades spin up when the breeze is on.

#animation #gradient #transform

Live preview Toggles

Windy / Calm

Wind lines flow across the track then settle into stillness.

#animation #transform #shadow

Live preview Toggles

X-Ray Vision

Skeleton pattern reveals through the track when x-rayed.

#animation #gradient #transform

Live preview Toggles

Zephyr Breeze

Soft pastel breeze lines flow across the airy track.

#animation #gradient #transform

Live preview Toggles

Zircon Spark

Zircon crystal with diamond-bright spark.

#animation #gradient #transform

Popular tags