#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 Hover

Glow Twinkle Field

Twinkling starfield glows on hover.

#hover #animation #gradient

Live preview Hover

Gradient Glow

Multi-color gradient glow surrounds on hover.

#hover #animation #gradient

Live preview Hover

Heartbeat Pulse

Element pulses like a heartbeat on hover.

#hover #animation #transform

Live preview Hover

Hearts Burst

Hearts burst outward on hover.

#hover #animation #transform

Live preview Hover

Hearts Float

Tiny hearts float up on hover.

#hover #animation #transform

Live preview Hover

Hue Cycle

Element cycles through the full hue spectrum on hover.

#hover #animation #gradient

Live preview Hover

Hue Cycle Full

Continuously cycles hue through full 360° on hover.

#hover #animation #transform

Live preview Hover

Hue Cycle Partial

Hue oscillates across a partial range on hover.

#hover #animation #transform

Live preview Hover

Implode In

Implodes inward on hover.

#hover #animation #transform

Live preview Hover

Invert Strobe

Rapid inversion strobe pulses on hover.

#hover #animation #filter

Live preview Hover

Jelly Bounce

Jelly-like bounce on hover.

#hover #animation #transform

Live preview Hover

Jelly Wobble Fast

Fast jelly wobble on hover.

#hover #animation #transform

Live preview Hover

Jiggle Fast

Fast jiggle on hover.

#hover #animation #transform

Live preview Hover

Jiggle Slow

Slow jiggle on hover.

#hover #animation #transform

Live preview Hover

Jiggle Small

Element jiggles with tiny rapid movements on hover.

#hover #animation #transform

Live preview Hover

3D Jolt

Quick 3D jolt animation on hover.

#hover #animation #transform

Live preview Hover

Lightning Flash

Lightning flash on hover.

#hover #animation #shadow

Live preview Hover

Dots Grow Mask

Dots multiply and grow to fill on hover.

#hover #animation #gradient

Live preview Hover

Orbit Revolve

Satellite revolves on hover.

#hover #animation #transform

Live preview Hover

Orbit Spin

Orbital spin on hover.

#hover #animation #transform

Live preview Hover

Oscillate Sine

Smooth sine-wave oscillation on hover.

#hover #animation #transform

Live preview Hover

Oscillate Square

Square-wave step oscillation on hover.

#hover #animation #transform

Live preview Hover

Oscillate Swing

Element oscillates back and forth on hover.

#hover #animation #transform

Live preview Hover

Oscillate Triangle

Triangle-wave linear oscillation on hover.

#hover #animation #transform

Live preview Hover

Ash Fall

Ash particles fall on hover.

#hover #animation #gradient

Live preview Hover

Aurora Borealis

Northern lights aurora shifts on hover.

#hover #animation #gradient

Live preview Hover

Balloon Burst

Balloons burst on hover.

#hover #animation #transform

Live preview Hover

Balloon Rise

Balloon rises on hover.

#hover #animation #transform

Live preview Hover

Bonfire Blaze

Bonfire blaze lights up on hover.

#hover #animation #gradient

Live preview Hover

Bubble Pop

Bubbles pop on hover.

#hover #animation #gradient

Live preview Hover

Bubble Stream

Stream of bubbles rises on hover.

#hover #animation #gradient

Live preview Hover

Butterfly Flutter

Butterfly-like wings flutter on hover.

#hover #animation #transform

Live preview Hover

Candle Flame

Soft candle flame flickers on hover.

#hover #animation #gradient

Live preview Hover

Cloud Drift

Clouds drift across on hover.

#hover #animation #gradient

Live preview Hover

Comet Trail

Comet streaks across on hover.

#hover #animation #gradient

Live preview Hover

Confetti Rain

Confetti rains down on hover.

#hover #animation #gradient

Live preview Hover

Cosmos Particles

Cosmic stardust swirls on hover.

#hover #animation #gradient

Live preview Hover

Crystal Spark

Crystal sparkles twinkle on hover.

#hover #animation #transform

Live preview Hover

Dew Drops

Dew drops form on hover.

#hover #animation #gradient

Live preview Hover

Electric Arc

Electric arcs flicker on hover.

#hover #animation #gradient

Live preview Hover

Fairy Dust

Fairy dust sparkles trail on hover.

#hover #animation #gradient

Live preview Hover

Feather Drift

Feathers drift down on hover.

#hover #animation #gradient

Live preview Hover

Firecracker

Firecracker bursts on hover.

#hover #animation #transform

Live preview Hover

Fireflies Dance

Fireflies dance across on hover.

#hover #animation #shadow

Live preview Hover

Foam Fizz

Foam fizzles on hover.

#hover #animation #gradient

Live preview Hover

Fog Roll

Fog rolls in across the element on hover.

#hover #animation #gradient

Live preview Hover

Fountain Jet

Fountain jets upward on hover.

#hover #animation #transform

Live preview Hover

Galaxy Particles

Galaxy of stars swirls around on hover.

#hover #animation #gradient

Live preview Hover

Geyser Spray

Geyser sprays upward on hover.

#hover #animation #gradient

Live preview Hover

Hail Stones

Hail stones fall on hover.

#hover #animation #gradient

Live preview Hover

Leaf Fall

Leaves fall across on hover.

#hover #animation #transform

Live preview Hover

Leaves Fall

Leaves fall across on hover.

#hover #animation #transform

Live preview Hover

Light Rays

Light rays beam on hover.

#hover #animation #gradient

Live preview Hover

Lightning Bolt

Lightning bolt strikes on hover.

#hover #animation #gradient

Live preview Hover

Magic Sparkle

Magic sparkles burst on hover.

#hover #animation #gradient

Live preview Hover

Meteor Shower

Multiple meteors streak down on hover.

#hover #animation #gradient

Live preview Hover

Moth Flutter

Moth flutters around on hover.

#hover #animation

Live preview Hover

Northern Lights

Soft northern lights drift on hover.

#hover #animation #gradient

Live preview Hover

Particles Orbit

Particles orbit around on hover.

#hover #animation #transform

Live preview Hover

Fast Orbit Particles

Particles orbit rapidly around the element on hover.

#hover #animation #transform

Live preview Hover

Petals Bloom

Petals bloom outward on hover.

#hover #animation #transform

Live preview Hover

Plasma Stream

Plasma stream flows on hover.

#hover #animation #gradient

Live preview Hover

Rain Storm

Rain storm falls on hover.

#hover #animation #gradient

Live preview Hover

Rocket Launch

Rocket launches upward on hover.

#hover #animation #gradient

Live preview Hover

Smoke Trail

Smoke trail rises on hover.

#hover #animation #gradient

Live preview Hover

Snow Blizzard

Snow blizzard swirls on hover.

#hover #animation #gradient

Live preview Hover

Spark Fountain

Sparks fountain upward on hover.

#hover #animation #transform

Live preview Hover

Sparkler

Sparkler sparkles on hover.

#hover #animation #shadow

Live preview Hover

Spiral In Particles

Particles spiral inward toward the element on hover.

#hover #animation #transform

Live preview Hover

Stardust

Magical stardust sprinkles on hover.

#hover #animation #gradient

Live preview Hover

Steam Rise

Steam wisps rise on hover.

#hover #animation #gradient

Live preview Hover

Fast Particle Swirl

Particles swirl rapidly around the element on hover.

#hover #animation #transform

Live preview Hover

Thunder Flash

Thunder flash lights up on hover.

#hover #animation #shadow

Live preview Hover

Torch Flame

Torch flame blazes on hover.

#hover #animation #gradient

Live preview Hover

Tornado Particles

Tornado-like swirling particles on hover.

#hover #animation #gradient

Live preview Hover

Vapor Mist

Soft vapor mist drifts on hover.

#hover #animation #gradient

Live preview Hover

Volcano Erupt

Volcano erupts with lava on hover.

#hover #animation #transform

Live preview Hover

Vortex Particles

Vortex of particles spins around the element on hover.

#hover #animation #gradient

Live preview Hover

Waterfall

Waterfall cascades down on hover.

#hover #animation #gradient

Live preview Hover

Wave Crest

Wave crests roll on hover.

#hover #animation #gradient

Live preview Hover

Wind Blow

Wind-like motion lines blow across on hover.

#hover #animation #gradient

Live preview Hover

Pendulum Fast

Fast pendulum swing on hover.

#hover #animation #transform

Live preview Hover

Pendulum Slow

Slow pendulum motion on hover.

#hover #animation #transform

Live preview Hover

Petals Drift

Sakura petals drift on hover.

#hover #animation #transform

Live preview Hover

Petals Fall

Cherry petals drift down on hover.

#hover #animation #gradient

Live preview Hover

Petals Swirl

Petals swirl around on hover.

#hover #animation #transform

Live preview Hover

Polychrome Neon

Sharp neon hue cycling on hover.

#hover #animation #shadow

Live preview Hover

Polychrome Pastel

Soft pastel hue rotation on hover.

#hover #animation

Live preview Hover

Polychrome Rainbow

Animated rainbow wash on hover.

#hover #animation #gradient

Live preview Hover

Pulse Glow Halo

A neon halo rhythmically pulses around the button while hovered.

#animation #glow #hover

Live preview Hover

Pulse Light

Soft light pulses gently on hover.

#hover #animation #shadow

Live preview Hover

Pulse Throb

Throbbing pulse on hover.

#hover #animation #transform

Live preview Hover

Quiver Soft

Soft nervous quiver on hover.

#hover #animation #transform

Live preview Hover

Rain Pour

Pouring rain on hover.

#hover #animation #gradient

Live preview Hover

Rain Ripple

Ripple rings from rain on hover.

#hover #animation #shadow

Live preview Hover

Rain Splash

Rain splash droplets on hover.

#hover #animation #transform

Popular tags