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

Circus Tent

Circus striped tent on text.

#animation #gradient #transform

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 Cover Grey

Overcast grey cloud cover on text.

#animation #gradient #shadow

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

Color Shift Cycle

Animated color hue shift cycle.

#animation #transform #filter

Live preview Text

Color Wheel Spin

Color wheel spinning hue rotation.

#animation #transform #filter

Live preview Text

Comet Streak

Bright comet streak sweeping across text.

#animation #gradient

Live preview Text

Compass Needle

Compass needle pointing direction on text.

#animation #transform #shadow

Live preview Text

Compressor Pump

Compressor pumping volume on text.

#animation #transform #shadow

Live preview Text

Concert Hall

Grand concert hall on text.

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

Cosmic Nebula

Swirling nebula clouds of purple and pink within text.

#animation #gradient

Live preview Text

Cottage Cozy

Cozy cottage warmth on text.

#animation #gradient #shadow

Live preview Text

Count Up Roller

A single digit cycling 0 through 9 on a stepped roller, like an odometer.

#animation #shadow #transform

Live preview Text

Craftsman Wood

Craftsman warm wood on text.

#animation #gradient #shadow

Live preview Text

Cranberry Tart

Tart red cranberry on text.

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

Cyberpunk Glitch

Yellow cyberpunk text with red/cyan offset and periodic skew glitch.

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

Cymbal Crash

Loud cymbal crash burst on text.

#animation #transform #shadow

Live preview Text

Daisy Petal

White daisy petals around yellow text.

#animation #transform #shadow

Live preview Text

Dark Matter

Mysterious dark halo around faintly glowing text.

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

Decrescendo Fade

Fading decrescendo volume on text.

#animation #transform #shadow

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

Dew Drop

Glistening dewdrop sliding down text.

#animation #transform #shadow

Live preview Text

Dice Roll

Rolling dice on text.

#animation #transform #shadow

Live preview Text

Distortion Grit

Gritty distorted guitar 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

Drift Sideways

Text drifting gently sideways like a leaf.

#animation #transform

Live preview Text

Drizzle Light

Light gentle drizzle over text.

#animation #gradient #shadow

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

Edwardian Elegant

Edwardian elegant cream on text.

#animation #gradient #shadow

Live preview Text

Ember Glow Warm

Warm ember pulsing glow.

#animation #shadow

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

Event Horizon

Dark ring of no return surrounding text.

#animation #gradient #transform

Live preview Text

Fade In Slow

Slow fade in animation.

#animation

Live preview Text

Fade Out Soft

Soft fade out animation.

#animation

Live preview Text

Fade Pulse

Text slowly fading in and out like a heartbeat.

#animation

Live preview Text

Fade Pulse Deep

Deep pulsing fade 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

Popular tags