#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

Opera Gold

Opulent opera gold on text.

#animation #gradient #shadow

Live preview Text

Orbit Circle

Orbiting circular motion.

#animation #transform

Live preview Text

Orbit Circular

Text orbiting in a circular path.

#animation #transform

Live preview Text

Orbit Spin

Text rotating in orbital motion around a center.

#animation #transform #shadow

Live preview Text

Orchestra Symphony

Symphonic orchestral blend on text.

#animation #gradient #shadow

Live preview Text

Orchid Exotic

Exotic purple orchid on text.

#animation #gradient #transform

Live preview Text

Origami Fold

Folded origami paper creases on text.

#animation #gradient #transform

Live preview Text

Outline Draw

A bright outline draws across the text from left to right and resets.

#animation #clip-path

Live preview Text

Pac-Man Chomp

Pac-Man chomping mouth on text.

#animation #shadow

Live preview Text

Pagoda Tier

Asian tiered pagoda on text.

#animation #gradient #filter

Live preview Text

Palace Grand

Grand opulent palace gold on text.

#animation #gradient #shadow

Live preview Text

Paprika Red

Red paprika spice on text.

#animation #gradient #shadow

Live preview Text

Parade Float

Colorful parade float on text.

#animation #gradient #transform

Live preview Text

Pendulum Tick

Clock pendulum swing with sharp ticking.

#animation #transform

Live preview Text

Peony Lush

Lush full pink peony on text.

#animation #gradient #transform

Live preview Text

Phaser Spin

Spinning phaser sweep on text.

#animation #transform #shadow

Live preview Text

Photo Flash

Camera photo flash burst.

#animation #shadow

Live preview Text

Pianissimo Soft

Very soft pianissimo on text.

#animation #shadow #filter

Live preview Text

Pine Evergreen

Deep evergreen pine on text.

#animation #gradient #shadow

Live preview Text

Pinwheel Spin

Spinning pinwheel on text.

#animation #gradient #transform

Live preview Text

Pitch Bend

Bending pitch gliding on text.

#animation #transform #shadow

Live preview Text

Plane Propeller

Airplane propeller spinning on text.

#animation #transform #shadow

Live preview Text

Pluto Far

Distant icy dwarf planet Pluto.

#animation #shadow

Live preview Text

Prairie Low

Prairie style horizontal lines on text.

#animation #gradient

Live preview Text

Pressure Drop

Dropping atmospheric pressure on text.

#animation #transform #shadow

Live preview Text

Progress Percent

A percentage counter cycling 0% to 100% using a stepped vertical roll.

#animation #shadow #transform

Live preview Text

Pulsar Beat

Text flashing in rapid pulsar rhythm.

#animation #shadow

Live preview Text

Pulse Hard Thump

Hard thumping pulse animation.

#animation #transform

Live preview Text

Pulse Soft Beat

Soft pulsing beat animation.

#animation #transform

Live preview Text

Strong Pulse

Strong pulsing text with scale and color change.

#animation #transform #filter

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

Quasar Beam

Brilliant quasar beam sweeping across bright 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

Rainbow Wave Bounce

Each letter cycles through rainbow hues while bouncing in a sine wave.

#animation #transform #wave

Live preview Text

Raspberry Pink

Pink raspberry on text.

#animation #gradient #transform

Live preview Text

Red Giant Star

Swollen red giant star slowly expanding.

#animation #transform #shadow

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

Mask Reveal Text

Color slides in from left to reveal the text with a clip-path mask wipe.

#animation #clip-path

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

Roman Column

Roman fluted column 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

Saturate Pop

Text color pops between muted and fully saturated.

#animation #filter

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

Violent Shake

Text shakes violently for a brief moment then pauses, on a loop.

#animation #transform #rotate

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

Skyline Silhouette

Dark city skyline silhouette on text.

#animation #gradient #filter

Live preview Text

Sleet Mix

Mixed rain-snow sleet sliding down text.

#animation #gradient #transform

Live preview Text

Slice Reveal

A colored copy of the text splits into top and bottom halves sliding apart.

#animation #transform #clip-path

Popular tags