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

Wind Gust

Sudden gusts of wind streak rapidly across the sky.

#animation #gradient

Live preview Backgrounds

Hurricane

A massive hurricane spiral rotates over dark ocean clouds.

#animation #gradient #transform

Live preview Backgrounds

Storm Wind

Violent storm winds whip blurred streaks through a dark sky.

#animation #gradient

Live preview Backgrounds

Tornado

A narrow tornado funnel twists down from a dark storm cloud.

#animation #gradient #transform

Live preview Backgrounds

Wind Turbines

White wind turbines spin against a blue sky on a hill.

#animation #gradient #transform

Live preview Backgrounds

Wine Glass Swirl

Red wine swirls around a glass leaving legs on the side.

#animation #gradient #transform

Live preview Backgrounds

Winter Berry

Red winter berries brighten a snow-dusted evergreen branch.

#animation #gradient

Live preview Backgrounds

Winter Blizzard

A full winter blizzard whites out the cold sky.

#animation #gradient

Live preview Backgrounds

Deep Winter

Deep winter grips the land in cold blue shadow.

#animation #gradient

Live preview Backgrounds

Early Winter

Early winter brings first snow flurries to a cool blue sky.

#animation #gradient

Live preview Backgrounds

Winter Glow

A soft warm winter glow lights snow against a cool sky.

#animation #gradient

Live preview Backgrounds

Winter Noon

Low pale winter noon sun glows weakly through cold air.

#animation #gradient #shadow

Live preview Backgrounds

Winter Solstice

The longest night of the winter solstice under a starry sky.

#animation #gradient

Live preview Backgrounds

Winter Thaw

A warming winter thaw melts snow into dripping water.

#animation #gradient

Live preview Backgrounds

Witching Hour

An eerie green witching-hour glow haunts a black night sky.

#animation #gradient #filter

Live preview Backgrounds

Oak Woodgrain

Warm oak woodgrain with flowing vertical lines.

#animation #gradient #transform

Live preview Backgrounds

Wormhole Tunnel

A swirling wormhole tunnel bends light into a hypnotic vortex.

#animation #gradient #transform

Live preview Backgrounds

Wormhole Entry

A swirling wormhole entrance pulls light into its vortex.

#animation #gradient #transform

Live preview Backgrounds

Wormhole Exit

Light bursts outward from a wormhole exit portal.

#animation #gradient #transform

Live preview Backgrounds

Wormhole Spin

Wormhole throat spinning with swirling space-time distortion.

#animation #gradient #transform

Live preview Backgrounds

Wormhole Tunnel

Travel through a streaking wormhole tunnel of light rings.

#animation #gradient

Live preview Backgrounds

Yagasuri Arrow

Japanese yagasuri arrow-feather pattern in deep tones.

#animation #gradient #filter

Live preview Backgrounds

Zebra Stripes

Bold black and white zebra stripes shift diagonally.

#animation #gradient

Live preview Backgrounds

Moroccan Zellige

Vivid Moroccan zellige mosaic tiles in star pattern.

#animation #gradient #transform

Live preview Backgrounds

Zen Garden

Raked sand patterns swirl around stones in a Japanese zen garden.

#animation #gradient #shadow

Live preview Backgrounds

Zigzag Wave

Energetic zigzag waves ripple horizontally in vibrant color bands.

#animation #gradient

Live preview Buttons

Acid Burn Button

Toxic green button with a bubbling acid burn on hover.

#hover #animation #transform

Live preview Buttons

Amber Glow Button

Warm amber button with a soft pulsing radial glow.

#hover #animation #gradient

Live preview Buttons

Arrow Pulse

Button with arrow that pulses on hover.

#hover #animation #gradient

Live preview Buttons

Aurora Drift Button

Button with an aurora borealis gradient drifting across its surface.

#hover #animation #gradient

Live preview Buttons

Aurora Veil

Northern lights veil of green-violet.

#animation #gradient #transform

Live preview Buttons

Badge Notification Button

Slate button with a pulsing red notification badge on the corner.

#animation #hover #shadow

Live preview Buttons

Barcode Scan Button

Black button with animated barcode stripes and a scan line.

#hover #animation #gradient

Live preview Buttons

Beacon Light

Yellow beacon with rotating light pulse.

#animation #gradient #shadow

Live preview Buttons

Beetle Shell

Iridescent beetle shell in green-purple.

#animation #gradient #shadow

Live preview Buttons

Binary Stream Button

Matrix-style button with falling binary digits in the background.

#hover #animation #transform

Live preview Buttons

Blink Tag Button

Tag-style button that blinks like an active LED indicator.

#hover #animation #transform

Live preview Buttons

Border Beam Button

A light beam travels along the button's border on hover.

#gradient #animation #hover

Live preview Buttons

3D Bounce Button

Candy button that bounces with a 3D spring on hover.

#hover #animation #transform

Live preview Buttons

Campfire Glow

Warm campfire with flickering embers.

#animation #gradient #shadow

Live preview Buttons

Celestial Orbit Button

Cosmic button with a small moon orbiting its border.

#animation #gradient #transform

Live preview Buttons

Cepheid

Cepheid-variable button that pulses rhythmically.

#hover #animation #gradient

Live preview Buttons

Champagne Bubbles

Pale champagne with rising bubble streams.

#animation #gradient #shadow

Live preview Buttons

Chrome Shine

Mirror chrome with diagonal shine sweep.

#animation #gradient #shadow

Live preview Buttons

Clock Spin Button

Circular button with a clock-hand spinner on hover.

#hover #animation #transform

Live preview Buttons

Cloud Float Button

White cloud button that floats gently up and down.

#hover #animation #transform

Live preview Buttons

Comet Tail

Cosmic comet with trailing light streak.

#animation #gradient #transform

Live preview Buttons

Confetti Burst Button

Two confetti particles burst upward and outward on hover.

#animation #hover #border

Live preview Buttons

Animated Conic Border

Button with a rotating conic-gradient border that spins around the edge.

#gradient #animation #hover

Live preview Buttons

Cosmic Field Button

Deep-space button with twinkling starfield background.

#hover #animation #gradient

Live preview Buttons

Counter Tab Button

Tab button with an animated number counter badge.

#hover #animation #transform

Live preview Buttons

Cove Bay Button

Calm cove-blue button with a wave lapping its bottom edge.

#hover #animation #gradient

Live preview Buttons

Cyan Pulse Button

Cyan button that pulses outward with a ring wave.

#animation #transform #shadow

Live preview Buttons

Cylinder Roll Button

Cylindrical button that rolls horizontally on hover.

#hover #animation #gradient

Live preview Buttons

Dance Wiggle Button

Magenta button that wiggles like it is dancing on hover.

#hover #animation #transform

Live preview Buttons

Deep Sea Button

Abyssal blue button with drifting bubble particles.

#animation #gradient #transform

Live preview Buttons

Disco Floor Button

Button with a flashing disco-tile background.

#hover #animation #gradient

Live preview Buttons

Dissolve Pixel Button

Button whose background dissolves into pixels on hover.

#hover #animation #transform

Live preview Buttons

Dodge Roll Button

Button that quickly dodges sideways on hover attempt.

#hover #animation #transform

Live preview Buttons

Drift Cloud Button

Button that drifts gently sideways on hover.

#hover #animation #gradient

Live preview Buttons

Water Drop Button

Teardrop-shaped button that wobbles on hover.

#hover #animation #gradient

Live preview Buttons

Drum Beat Button

Button that pulses like a drum beat on hover.

#hover #animation #gradient

Live preview Buttons

Dust Puff Button

Button that puffs a cloud of dust on click.

#animation #transform #border

Live preview Buttons

Echo Ripple

Sound wave echo ripples expanding outward.

#animation #shadow #border

Live preview Buttons

Elastic Snap Button

Button that elastically snaps back into shape on hover.

#hover #animation #transform

Live preview Buttons

Electric Surge Button

Button with crackling electric surge on hover.

#hover #animation #transform

Live preview Buttons

Ember Glow Button

Smoldering ember button with a flickering red glow.

#animation #gradient #shadow

Live preview Buttons

Energy Core Button

Button with a pulsing energy core in its center.

#animation #gradient #transform

Live preview Buttons

Escalate Step Button

Button that escalates upward in stepped increments on hover.

#hover #animation #transform

Live preview Buttons

Expand Ring Button

Button with an expanding ring pulsing outward on hover.

#hover #animation #transform

Live preview Buttons

Explode Burst Button

Button that explodes into fragments on click.

#animation #transform #border

Live preview Buttons

Fierce Flame Button

Bold red button with a fierce flickering flame edge.

#animation #gradient #transform

Live preview Buttons

Fire Flame Button

Glowing fire gradient that flickers like a living flame.

#gradient #animation #hover

Live preview Buttons

Firefly Glade

Dark glade with twinkling fireflies.

#animation #gradient #shadow

Live preview Buttons

Flare Up

Solar-flare button with a sudden bright burst.

#hover #animation #gradient

Live preview Buttons

Soft Flicker Button

Candle-warm button that flickers softly like a flame.

#animation #shadow #border

Live preview Buttons

Float Soft Button

Soft pastel button that floats gently up and down.

#hover #animation #transform

Live preview Buttons

Fluctuate Wave Button

Button whose height fluctuates in a sine wave on hover.

#hover #animation #transform

Live preview Buttons

Flywheel

Spinning flywheel button with concentric momentum.

#hover #animation #gradient

Live preview Buttons

Galactic

Galactic-core button with swirling violet-blue.

#hover #animation #gradient

Live preview Buttons

Galaxy Spiral

Galaxy-spiral button with rotating arm accents.

#hover #animation #gradient

Live preview Buttons

Galaxy Swirl Button

Deep-space button with a swirling galaxy gradient.

#animation #gradient #transform

Live preview Buttons

Glide Path

Aerospace glide path with subtle motion.

#animation #gradient #transform

Live preview Buttons

Glitch Button

Cyberpunk glitch button with RGB-split flicker on hover.

#animation #hover #shadow

Live preview Buttons

Glow Pulse Ring

A button with an expanding glow ring that pulses outward continuously.

#animation #glow #hover

Live preview Buttons

Gradient Pulse Button

A button with an animated gradient background that shifts colors on hover.

#gradient #animation #hover

Live preview Buttons

Gradient Text Button

Transparent button with animated gradient-clipped text fill.

#gradient #animation #hover

Live preview Buttons

Grid Pulse Button

Dark button with a grid pattern that pulses on hover.

#hover #animation #gradient

Live preview Buttons

Vinyl Groove Button

Black button textured like a vinyl record groove.

#hover #animation #gradient

Live preview Buttons

Harbor Bay Button

Deep harbor-blue button with a calm water line.

#animation #gradient #transform

Live preview Buttons

Harmony Blend Button

Pastel button with harmoniously blended dual-tone gradients.

#animation #gradient #shadow

Live preview Buttons

Heartbeat Pulse Button

Rose button that throbs like a beating heart, faster on hover.

#animation #hover #shadow

Live preview Buttons

Helix Spin Button

DNA helix button that spins on its axis on hover.

#hover #animation #gradient

Live preview Buttons

Holographic Shimmer Button

Iridescent holographic foil that shifts rainbow colors across the button.

#gradient #animation #hover

Live preview Buttons

Honey Drip Button

Golden honey button with a slow drip on the bottom edge.

#animation #gradient #transform

Live preview Buttons

Hum Vibration Button

Subtle button that hums with tiny vibrations on hover.

#hover #animation #transform

Popular tags