#animation CSS effects

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

Live preview Toggles

Hurricane Eye

Hurricane spiral eye rotates around the calm center.

#animation #gradient #transform

Live preview Toggles

Iceberg Float

Iceberg knob floats with hidden mass below the surface.

#animation #gradient #transform

Live preview Toggles

Idle / Busy

Gear knob spins continuously while the device is busy.

#animation #transform #shadow

Live preview Toggles

Iridescent Shell

Mother-of-pearl shell with iridescent shimmering colors.

#animation #gradient #transform

Live preview Toggles

Jellyfish Glow

Bioluminescent jellyfish knob pulses softly in the deep.

#animation #gradient #transform

Live preview Toggles

Kaleido Spin

Kaleidoscopic conic gradient knob spins while hues cycle.

#animation #gradient #transform

Live preview Toggles

Laugh / Tears

Neutral face erupts into tears of joy.

#animation #transform #shadow

Live preview Toggles

Lava Flow

Molten lava texture flows across the track with a hot ember knob.

#animation #gradient #transform

Live preview Toggles

Lightning Strike

Lightning bolt strikes from cloud to ground when active.

#animation #gradient #transform

Live preview Toggles

Loading / Done

Spinning loader resolves into a checkmark on completion.

#animation #transform #shadow

Live preview Toggles

Location Pin Pulse

Map pin turns red and emits an expanding ripple ring when sharing location.

#animation #border #transform

Live preview Toggles

Love Heart

Broken heart heals and beats red when loved.

#animation #transform #shadow

Live preview Toggles

Magenta Pulse

Pulsing magenta glow around a hot pink knob.

#animation #gradient #transform

Live preview Toggles

Meteor Shower

Meteors streak across the night sky when active.

#animation #gradient #transform

Live preview Toggles

Metronome Tick

Metronome arm ticks back and forth keeping the beat.

#animation #gradient #transform

Live preview Toggles

Mirror Shine

Polished chrome knob slides with a sweeping reflection.

#animation #gradient #transform

Live preview Toggles

Neoprene Flex

Stretchy neoprene material with subtle flex animation.

#animation #gradient #transform

Live preview Toggles

Oil Slick

Iridescent oil-slick shimmer across a dark puddle track.

#animation #gradient #transform

Live preview Toggles

Online / Away

Green online dot shifts to an amber away indicator.

#animation #transform #shadow

Live preview Toggles

Orbit / Gravity

Floating knob gets captured into a gravity orbit.

#animation #gradient #transform

Live preview Toggles

Orbit / Station

Orbiting moon knob docks at a station on toggle.

#animation #gradient #transform

Live preview Toggles

Orbital Ring

Satellite orbits a planetary knob as it slides across.

#animation #gradient #transform

Live preview Toggles

Organza Crisp

Crisp organza fabric with a subtle iridescent shimmer.

#animation #gradient #transform

Live preview Toggles

Pearlescent Shine

Pearlescent surface with soft lustrous pearl sheen.

#animation #gradient #transform

Live preview Toggles

Pending / Done

Spinning hourglass becomes a checkmark when done.

#animation #transform #shadow

Live preview Toggles

Pendulum Swing

Grandfather clock pendulum swings rhythmically across.

#animation #gradient #transform

Live preview Toggles

Petal Fall

Sakura petal drifts down across the spring track.

#animation #gradient #transform

Live preview Toggles

Piston Pump

Hydraulic piston pumps up and down with mechanical rhythm.

#animation #gradient #transform

Live preview Toggles

Planet Orbit

Satellite orbits a planet when system is active.

#animation #transform #shadow

Live preview Toggles

Polished Brass

Mirror-polished brass with warm golden reflective glow.

#animation #gradient #transform

Live preview Toggles

Power Button Toggle

Circular power symbol that lights up with a pulsing ring when active.

#gradient #animation #shadow

Live preview Toggles

Power Surge

Lightning power surge crackles around the active knob.

#animation #gradient #transform

Live preview Toggles

Power Switch Toggle

A round power button that lights up and hums with a soft ring when switched on.

#animation #gradient #shadow

Live preview Toggles

Property Glow Toggle

Turning it on starts a registered angle animating, spinning a conic glow behind the track.

#animation #gradient #filter

Live preview Toggles

Pulsar Beam

Pulsar star emits rotating beams of radiation.

#animation #gradient #transform

Live preview Toggles

Pulse / Steady

Pulsing knob steadies on the indigo track when toggled.

#animation #transform #shadow

Live preview Toggles

Quantum Spin

Particle-like knob spins on its axis while transitioning states.

#animation #gradient #transform

Live preview Toggles

Quiet / Noisy

Silent icon bursts into sound waves when noisy.

#animation #transform #shadow

Live preview Toggles

Radar Blip

Single radar blip pulses outward when target is detected.

#animation #gradient #transform

Live preview Toggles

Sun / Rain Cloud

Sky flips between a shining sun and a gray cloud with falling raindrops.

#gradient #animation #shadow

Live preview Toggles

Rapids / Still

Turbulent rapids knob settles into still water on toggle.

#animation #transform #shadow

Live preview Toggles

Record Light

REC indicator blinks red when recording is active.

#animation #gradient #transform

Live preview Toggles

Refresh / Restart

Curved refresh arrow becomes a power restart symbol.

#animation #transform #shadow

Live preview Toggles

Ripple Pond

Stone drops creating ripples across the still pond surface.

#animation #gradient #transform

Live preview Toggles

Ripple Wave

Concentric ripples emanate from the knob on toggle.

#animation #gradient #transform

Live preview Toggles

Rocket Launch

Rocket ignites and blasts off with a flame trail.

#animation #gradient #transform

Live preview Toggles

Rotate / Spin

Knob rotates 90 degrees then spins continuously.

#animation #transform #shadow

Live preview Toggles

Satin Shimmer

Smooth satin fabric shimmers as the knob slides across.

#animation #gradient #transform

Live preview Toggles

Scan Line

CRT scan line sweeps across the dark monitor track.

#animation #gradient #transform

Live preview Toggles

Seaweed Sway

Underwater seaweed strands sway gently in the current.

#animation #gradient #transform

Live preview Toggles

Sequin Sparkle

Sparkly sequins catch the light as the knob slides past.

#animation #gradient #transform

Live preview Toggles

Settings Gear

Settings gear rotates as the toggle activates.

#animation #transform #shadow

Live preview Toggles

Shake / Still

Shaking knob stops still on the orange track.

#animation #transform #shadow

Live preview Toggles

Silk Ripple

Pure silk fabric ripples softly with the knob movement.

#animation #gradient #transform

Live preview Toggles

Soar / Perch

Soaring eagle knob perches down on the sky track.

#animation #transform #shadow

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

Taffeta Rustle

Crisp taffeta fabric with audible rustle shimmer.

#animation #gradient #transform

Live preview Toggles

Throb / Still

Throbbing knob becomes still on the emerald track.

#animation #transform #shadow

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

Tremolo / Steady

Knob trembles with rapid pulses and goes steady on toggle.

#animation #transform #shadow

Live preview Toggles

Tumbleweed Roll

Western tumbleweed rolls across the dusty desert track.

#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 / Still

Whirling knob stops still on the rose track when toggled.

#animation #gradient #transform

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

Zephyr Breeze

Soft pastel breeze lines flow across the airy track.

#animation #gradient #transform

Popular tags