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

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

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

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

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

Chrome Shine

Mirror chrome with diagonal shine sweep.

#animation #gradient #shadow

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

Conic Halo Button

A registered custom property animates the angle of a conic gradient border ring.

#animation #gradient #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

Has-Selector Loading Button

Clicking swaps the label for a spinner, driven purely by the :has() parent selector.

#animation #hover #transform

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

Live preview Buttons

Ink Bleed Button

Dark ink blob bleeds out from the center with an organic morphing edge.

#animation #hover #border

Live preview Buttons

Insect Wing Button

Iridescent button shimmering like an insect wing.

#animation #gradient #border

Live preview Buttons

Jolt Shock Button

Yellow button that jolts with a quick shock on hover.

#hover #animation #transform

Live preview Buttons

Kaleidoscope Button

Colorful button with a rotating kaleidoscope pattern.

#animation #gradient #transform

Live preview Buttons

Kelp Forest Button

Underwater green button with swaying kelp strands.

#animation #gradient #transform

Live preview Buttons

Kelp Forest

Underwater kelp forest green with current.

#animation #gradient #transform

Live preview Buttons

Kerosene Flame Button

Old kerosene-lamp button with a flickering blue flame core.

#animation #gradient #shadow

Live preview Buttons

Kite Fly Button

Diamond-shaped kite button that sways in the wind on hover.

#hover #animation #gradient

Live preview Buttons

Lagoon Pool Button

Tropical lagoon button with rippling water surface.

#animation #gradient #transform

Live preview Buttons

Lantern Glow Button

Paper lantern button with a warm flickering inner glow.

#animation #gradient #shadow

Live preview Buttons

Lava Glow Button

Volcanic button with molten lava glowing through cracks.

#animation #gradient #shadow

Live preview Buttons

Leap Jump Button

Button that leaps high with an arc on hover.

#hover #animation #transform

Live preview Buttons

Lens Focus Button

Camera-lens button with an autofocus ring on hover.

#hover #animation #gradient

Live preview Buttons

Liquid Fill Button

A liquid wave fills the button from bottom to top on hover.

#animation #hover #border

Live preview Buttons

Liquid Fill Button

A rotating blob of liquid rises to flood the button when hovered.

#hover #animation #transform

Live preview Buttons

Liquid Mercury Button

Polished chrome mercury surface that flows continuously.

#gradient #animation #hover

Live preview Buttons

Loading Spinner Button

Blue button whose label fades out and is replaced by a spinner on hover.

#animation #hover #border

Live preview Buttons

Maelstrom

Maelstrom-whirlpool button with a swirling pattern.

#hover #animation #gradient

Live preview Buttons

Mesh Gradient Button

Multi-blob radial mesh gradient that drifts underneath the label.

#gradient #animation #hover

Live preview Buttons

Misty Drift

Pale foggy button with drifting cloud layers.

#animation #gradient #transform

Live preview Buttons

Neon Glow Pulse

A dark button with a pulsing neon outline glow in cyan.

#animation #glow #hover

Live preview Buttons

Neon Outline Button

A cyan tube-light outline that flickers on and burns brighter on hover.

#hover #animation #shadow

Popular tags