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

Chord Stack

Stacked chord notes on text.

#animation #transform #shadow

Live preview Text

Chorus Shimmer

Shimmering chorus effect on text.

#animation #gradient #shadow

Live preview Text

Chrysanthemum Burst

Bursting chrysanthemum petals on text.

#animation #gradient #transform

Live preview Text

Cinema Spotlight

Cinema spotlight on text.

#animation #gradient #shadow

Live preview Text

Cinnamon Bark

Warm cinnamon bark on text.

#animation #gradient #filter

Live preview Text

Cirrus Wisp

Wispy high cirrus clouds in text.

#animation #transform #shadow

Live preview Text

Clear Sky Blue

Crystal clear blue sky on text.

#animation #gradient #shadow

Live preview Text

Climb Mountain

Mountain climber ascending on text.

#animation #gradient #transform

Live preview Text

Cloud Puff Drift

Puffy clouds drifting slowly across text.

#animation #transform #shadow

Live preview Text

Clove Spicy

Spicy clove brown on text.

#animation #transform #shadow

Live preview Text

Coliseum Roman

Roman coliseum arches on text.

#animation #gradient #filter

Live preview Text

Colonial Brick

Colonial red brick on text.

#animation #gradient #filter

Live preview Text

Color Band Shift

Animated color band shift.

#animation #gradient

Live preview Text

Color Cycled Rainbow

Rainbow gradient cycling across text.

#animation #gradient

Live preview Text

Color Pulse Cycle

Pulsing color cycle with hue shift.

#animation #transform #filter

Live preview Text

Color Rainbow Shimmer

Shimmering rainbow color sweep.

#animation #gradient

Live preview Text

Comet Streak

Bright comet streak sweeping across text.

#animation #gradient

Live preview Text

Compressor Pump

Compressor pumping volume on text.

#animation #transform #shadow

Live preview Text

Constellation Stars

Star specks twinkling across outlined text.

#animation #gradient

Live preview Text

Cosmic Dust

Tiny sparkling dust particles over text.

#animation #gradient #shadow

Live preview Text

Cottage Cozy

Cozy cottage warmth on text.

#animation #gradient #shadow

Live preview Text

Craftsman Wood

Craftsman warm wood on text.

#animation #gradient #shadow

Live preview Text

Crescendo Grow

Growing crescendo volume on text.

#animation #transform #shadow

Live preview Text

Cumin Earth

Earthy brown cumin on text.

#animation #shadow

Live preview Text

Cumulonimbus Tower

Towering cumulonimbus storm cloud text.

#animation #gradient #transform

Live preview Text

Cumulus Billow

Billowing cumulus clouds in text.

#animation #gradient #transform

Live preview Text

Cyclone Twist

Cyclonic twisting motion of text.

#animation #transform #shadow

Live preview Text

Cylinder Wrap

Text shaded as if wrapped around a cylinder, with a continuously rotating highlight.

#gradient #animation #shadow

Live preview Text

Daisy Petal

White daisy petals around yellow text.

#animation #transform #shadow

Live preview Text

Dawn Bloom

First light of dawn blooming on text.

#animation #gradient

Live preview Text

Deco Streamline

Streamline Art Deco on text.

#animation #gradient #transform

Live preview Text

Decode Blur

Letters decode in sequence, fading from blur to sharp and back.

#animation #transform #filter

Live preview Text

Delay Repeat

Delayed repeat echo on text.

#animation #transform #shadow

Live preview Text

Desaturate Drift

Text slowly drifts from vibrant color to near-grayscale.

#animation #filter

Live preview Text

Dice Roll

Rolling dice on text.

#animation #transform #shadow

Live preview Text

Dive Deep

Diver descending into deep water on text.

#animation #gradient #transform

Live preview Text

Double Rainbow

Two rainbow arcs mirrored across text.

#animation #gradient

Live preview Text

Drift Float Air

Drifting floating in air motion.

#animation #transform

Live preview Text

Drop In

Text dropping in from above with a bounce.

#animation #transform

Live preview Text

Drum Roll

Rolling drum beat on text.

#animation #transform #shadow

Live preview Text

Dusk Fade

Fading light at dusk over text.

#animation #gradient #filter

Live preview Text

Encrypt Shift

Chaotic hue-rotate and letter-spacing distortion simulating encryption noise.

#animation #shadow #filter

Live preview Text

Equalizer Bars

Audio equalizer bars dancing behind text.

#animation #gradient #shadow

Live preview Text

Equator Line

Equator line horizontally splitting text.

#animation #gradient

Live preview Text

Fade Out Soft

Soft fade out animation.

#animation

Live preview Text

Fahrenheit Hot

Burning hot Fahrenheit reading on text.

#animation #transform #shadow

Live preview Text

Fair Grounds

Colorful fairground lights on text.

#animation #gradient

Live preview Text

Fencing Lunge

Fencer lunging forward on text.

#animation #transform #shadow

Live preview Text

Fern Frond

Lush green fern frond on text.

#animation #gradient #transform

Live preview Text

Festival Lantern

Glowing festival lantern on text.

#animation #shadow #filter

Live preview Text

Fill Sweep

Color sweeps across the text filling it then draining back in a loop.

#gradient #animation

Live preview Text

Fire Text

Text painted with a flickering fire gradient in warm reds and yellows.

#gradient #animation #shadow

Live preview Text

Firefly Glow

Firefly soft pulsing glow.

#animation #shadow

Live preview Text

Fireworks Burst

Bursting fireworks on text.

#animation #transform #shadow

Live preview Text

Fishing Line

Fishing line cast on water on text.

#animation #transform #shadow

Live preview Text

Flame Ember

Smoldering ember-glow text with shifting flame colors.

#animation #gradient #shadow

Live preview Text

Flange Sweep

Sweeping flange effect on text.

#animation #transform #shadow

Live preview Text

Flash Burst

Burst flash bright pulse.

#animation #shadow

Live preview Text

Flat Sign

Smooth flat musical sign on text.

#animation #shadow

Live preview Text

3D Flip Card

Text flipping in 3D space like a card.

#animation #transform #3d

Live preview Text

Flip 3D Cube

3D cube flip rotation.

#animation #transform #3d

Live preview Text

Flip Clock Card

Text on a flip-clock style card that flips on the X axis periodically.

#gradient #animation #3d

Live preview Text

Horizontal Flip

Text flipping horizontally on the X axis.

#animation #transform

Live preview Text

Vertical Flip

Text flipping vertically on the Y axis.

#animation #transform

Live preview Text

Flip X Card

X-axis card flip animation.

#animation #transform

Live preview Text

Flip Y Card

Y-axis card flip animation.

#animation #transform

Live preview Text

Float Up

Text floating gently upward and fading.

#animation #transform

Live preview Text

Fluorescent Hum

Fluorescent tube flicker hum.

#animation #shadow

Live preview Text

Fog Mist

Thick fog drifting over text.

#animation #shadow #filter

Live preview Text

Fogbow White

Ghostly white fogbow arc over text.

#animation #gradient #filter

Live preview Text

Holo Foil Stripe

Holographic foil stripe shifting across text.

#animation #gradient

Live preview Text

Fortissimo Loud

Very loud fortissimo on text.

#animation #transform #shadow

Live preview Text

Jack Frost

Crisp frost pattern crystallizing on text.

#animation #shadow

Live preview Text

Futuristic Glitch Digital

Digital glitch futuristic style.

#animation #shadow

Live preview Text

Futuristic Hologram Shift

Shifting hologram futuristic style.

#animation #gradient

Live preview Text

Galaxy Spiral

Text filled with a slowly rotating spiral galaxy.

#animation #gradient #transform

Live preview Text

Strong Gale

Powerful gale force winds over text.

#animation #transform #shadow

Live preview Text

Game Over

Retro game over flashing on text.

#animation #transform #shadow

Live preview Text

Gardenia Cream

Creamy gardenia white flower on text.

#animation #gradient #transform

Live preview Text

Gemini Twins

Mirrored twin text in Gemini style.

#animation #transform #shadow

Live preview Text

Georgian Symmetry

Georgian balanced symmetry on text.

#animation #gradient #shadow

Live preview Text

Ginger Zest

Zesty ginger root on text.

#animation #gradient #shadow

Live preview Text

Gleam Polished

Polished gleam diagonal sweep.

#animation #gradient

Live preview Text

Glitch RGB Split

Cyberpunk text glitching with red and cyan RGB-split layers.

#animation #transform #clip-path

Live preview Text

Glitch Slice Text

Two offset copies of the heading tear apart in coloured slices at random beats.

#animation #transform #glitch

Live preview Text

Glitch VHS Tape

VHS tape glitch distortion.

#animation #transform #shadow

Live preview Text

Glow Breathe Deep

Deep breathing glow animation.

#animation #shadow

Live preview Text

Glow Rainbow Cycle

Rainbow cycling glow effect.

#animation #shadow

Live preview Text

Glow Strobe Fast

Fast strobing glow flash.

#animation #shadow

Live preview Text

Gothic Arch

Gothic pointed arch on text.

#animation #transform #shadow

Live preview Text

Animated Gradient Text

Text filled with a flowing multi-color gradient that shifts continuously.

#gradient #animation

Live preview Text

Rotating Gradient Text

A registered angle property makes the clipped gradient rotate instead of jumping.

#animation #gradient #at-property

Live preview Text

Gradient Sweep Text

A wide gradient slides behind the glyphs and is clipped to the text itself.

#animation #gradient

Live preview Text

Grayscale Fade

Desaturated grayscale text with a slow fade cycle.

#animation #transform #filter

Live preview Text

Greek Pediment

Greek triangular pediment on text.

#animation #gradient #shadow

Live preview Text

Hail Stones

Bouncing hailstones pummeling text.

#animation #transform #shadow

Popular tags