#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

Puzzle Piece

Jigsaw puzzle piece on text.

#animation #gradient #transform

Live preview Text

Pyramid Egypt

Egyptian pyramid sandstone on text.

#animation #gradient #shadow

Live preview Text

Rain Drops

Raindrops streaking down across text.

#animation #gradient #shadow

Live preview Text

Rainbow Arc

Arced rainbow gradient across text.

#animation #gradient

Live preview Text

Raspberry Pink

Pink raspberry on text.

#animation #gradient #transform

Live preview Text

Reflection Glass Shine

Glass shine reflection sweep.

#animation #gradient

Live preview Text

Renaissance Balance

Renaissance balanced art on text.

#animation #gradient #shadow

Live preview Text

Retro 80s Neon

80s retro text with pink-cyan neon shadow stack and perspective tilt.

#animation #glow #3d

Live preview Text

Reverb Echo

Reverberating echo on text.

#animation #transform #shadow

Live preview Text

Rise Up

Text rising up from below into view.

#animation #transform

Live preview Text

Rocket Launch

Rocket launching with thrust on text.

#animation #transform #shadow

Live preview Text

Rococo Shell

Rococo shell motif on text.

#animation #gradient #shadow

Live preview Text

Romanesque Round

Romanesque rounded arch on text.

#animation #gradient #shadow

Live preview Text

Rose Bloom

Red rose blooming gradient on text.

#animation #gradient #transform

Live preview Text

Rosemary Aroma

Aromatic rosemary on text.

#animation #transform #shadow

Live preview Text

Rotate 2D Spin

Continuous 2D spin rotation.

#animation #transform

Live preview Text

3D Y-Rotate

Outlined text spinning continuously around the vertical Y axis in 3D.

#animation #3d #shadow

Live preview Text

Rotate 3D Flip

3D flip rotation animation.

#animation #transform

Live preview Text

3D X Rotation

Text rotating around the X axis in 3D.

#animation #transform #3d

Live preview Text

3D Y Rotation

Text rotating around the Y axis in 3D.

#animation #transform #3d

Live preview Text

Rotate X Pitch

X-axis pitch rotation animation.

#animation #transform

Live preview Text

Rotate Z Roll

Z-axis roll rotation animation.

#animation #transform

Live preview Text

Rubik Cube

Rubik's cube colored squares on text.

#animation #gradient #transform

Live preview Text

Saffron Thread

Deep red saffron thread on text.

#animation #shadow #filter

Live preview Text

Sage Wisdom

Grey-green sage on text.

#animation #gradient #shadow

Live preview Text

Satellite Orbit

Satellite orbiting earth on text.

#animation #transform #shadow

Live preview Text

Saturn Rings

Text with elliptical rings orbiting around it.

#animation #transform #shadow

Live preview Text

Scale Down Shrink

Scaling down shrink animation.

#animation #transform

Live preview Text

Scale Grow

Text scaling up and down in a breathing motion.

#animation #transform

Live preview Text

Scale Pulse Throb

Pulsing scale throb animation.

#animation #transform

Live preview Text

Scale Run

Running musical scale on text.

#animation #gradient #transform

Live preview Text

Scale Up Grow

Scaling up growth animation.

#animation #transform

Live preview Text

Scooter Zip

Scooter zipping motion on text.

#animation #transform #shadow

Live preview Text

Scramble Letters

Each letter jitters and flickers as if scrambling into place.

#animation #transform

Live preview Text

Scroll Diagonal Cross

Diagonal scrolling cross motion.

#animation #transform

Live preview Text

Scroll Down Vert

Vertical downward scroll.

#animation #transform

Live preview Text

Scroll Left Marquee

Horizontal scroll left marquee.

#animation #transform

Live preview Text

Scroll Right Marquee

Horizontal scroll right marquee.

#animation #transform

Live preview Text

Scroll Up Vert

Vertical upward scroll.

#animation #transform

Live preview Text

Floating Shadow

Text floating above its shadow with depth.

#animation #transform #shadow

Live preview Text

Shake Horizontal Shudder

Horizontal shudder shake motion.

#animation #transform

Live preview Text

Shake Random Quiver

Random quiver shake motion.

#animation #transform

Live preview Text

Violent Shake

Text shaking violently as if in an earthquake.

#animation #transform

Live preview Text

Sharp Sign

Jagged sharp musical sign on text.

#animation #transform #shadow

Live preview Text

Shimmer Silver

Silver shimmering shine.

#animation #gradient

Live preview Text

Shimmer Sweep

A diagonal shimmer of light sweeps across the text on a loop.

#gradient #animation

Live preview Text

Ship Sail

Sailing ship on the waves on text.

#animation #transform #shadow

Live preview Text

Shooting Star

Bright star shooting across text glow.

#animation #transform #shadow

Live preview Text

Sink Down

Text sinking downward with a heavy drop.

#animation #transform

Live preview Text

Skateboard Trick

Skateboard doing tricks on text.

#animation #transform #shadow

Live preview Text

Skew Alternate Wobble

Alternating skew wobble animation.

#animation #transform

Live preview Text

Skew Left Lean

Skew leaning left animation.

#animation #transform

Live preview Text

Skew Right Lean

Skew leaning right animation.

#animation #transform

Live preview Text

Skew Stretch

Text skewing and stretching dynamically.

#animation #transform

Live preview Text

Skew Tilt

Text skewing side to side in a tilt motion.

#animation #transform

Live preview Text

Ski Slope

Skier carving down snowy slope on text.

#animation #gradient #transform

Live preview Text

Sleet Mix

Mixed rain-snow sleet sliding down text.

#animation #gradient #transform

Live preview Text

Slide In Left

Text sliding in from the left on loop.

#animation #transform

Live preview Text

Slide In Right

Slide in from right.

#animation #transform

Live preview Text

Slide Out Left

Slide out to left motion.

#animation #transform

Live preview Text

Smoke Wisps

Smoky text with drifting wispy haze.

#animation #transform #shadow

Live preview Text

Snare Tap

Crisp snare tap on text.

#animation #transform #shadow

Live preview Text

Snowboard Grind

Snowboarder grinding rail on text.

#animation #transform #shadow

Live preview Text

Solar Eclipse

Dark moon passing in front of blazing sun text.

#animation #shadow

Live preview Text

Solar Flare

Bursts of solar plasma erupting from text.

#animation #transform #shadow

Live preview Text

Southern Lights

Aurora Australis with violet and pink ribbons.

#animation #gradient #transform

Live preview Text

Space Vacuum

Text drifting weightlessly in the void.

#animation #transform #shadow

Live preview Text

Sparkle Twinkle

Sparkling twinkling star text.

#animation #shadow

Live preview Text

Sparkle Twinkle

Sparkling twinkle animation.

#animation #shadow

Live preview Text

Spectrum Analyzer

Frequency spectrum bars sweeping text.

#animation #gradient

Live preview Text

Slow Spin

Slow continuous rotation with a calm feel.

#animation #transform

Live preview Text

Spiral Swirl

Spinning spiral swirl with conic gradient.

#animation #gradient #transform

Live preview Text

Split-Flap Letters

Each letter flips sequentially like a split-flap departure board.

#animation #3d #border

Live preview Text

Spotlight Focus

A circular spotlight tracks the text center revealing color.

#animation #gradient

Live preview Text

Spotlight Sweep

A bright spotlight sweeps across dark text, lighting it up as it passes.

#gradient #animation

Live preview Text

Spring Bounce

Springy bounce with overshoot easing.

#animation #transform

Live preview Text

Squish Compress

Text squishing and compressing vertically.

#animation #transform

Live preview Text

Staccato Burst

Short detached staccato notes on text.

#animation #transform #shadow

Live preview Text

Stardust Sparkle

Text shimmering with stardust sparkles.

#animation #gradient #shadow

Live preview Text

Starlight Twinkle

Distant starlight twinkling in text.

#animation #shadow

Live preview Text

Stonehenge Megalith

Megalithic stonehenge stones on text.

#animation #transform #shadow

Live preview Text

Storm Cloud

Dark brooding storm cloud in text.

#animation #shadow #filter

Live preview Text

Stratus Layer

Flat grey stratus layer over text.

#animation #gradient #filter

Live preview Text

Striped Text Fill

Text filled with diagonal moving candy stripes for a candy-barber look.

#gradient #animation

Live preview Text

Strobe Flash

Rapid strobe-light flashing text.

#animation #shadow

Live preview Text

Strobe Pulse Fast

Fast strobe pulse animation.

#animation #shadow

Live preview Text

Stupa Dome

Buddhist stupa dome on text.

#animation #gradient #shadow

Live preview Text

Submarine Periscope

Submarine periscope on text.

#animation #gradient #transform

Live preview Text

Sunbeam Rays

Radiating sunbeams bursting from text.

#animation #gradient #transform

Live preview Text

Sunflower Sun

Bright sunflower yellow with brown center on text.

#animation #gradient #transform

Live preview Text

Sunrise Glow

Warm sunrise glow rising over text.

#animation #gradient #shadow

Live preview Text

Sunset Amber

Amber sunset glow on text.

#animation #gradient #shadow

Live preview Text

Supernova Burst

Text pulsing outward like a supernova explosion.

#animation #transform #shadow

Live preview Text

Surf Wave

Surfer riding ocean wave on text.

#animation #gradient #transform

Live preview Text

Swing Gentle Rock

Gentle rocking swing motion.

#animation #transform

Live preview Text

Pendulum Swing

Text swinging like a pendulum from its top.

#animation #transform

Popular tags