#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

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

Live preview Text

Halley Comet

Famous periodic Halley's comet with glowing tail.

#animation #transform #shadow

Live preview Text

Harmony Blend

Harmonious blended tones on text.

#animation #gradient #shadow

Live preview Text

Heartbeat Thump

Text scales in a double-thump heartbeat pattern with a red glow.

#animation #shadow #transform

Live preview Text

Heartbeat Irregular Skip

Irregular heartbeat with skip.

#animation #transform

Live preview Text

Rapid Heartbeat

Text pulsing rapidly like a racing heart.

#animation #transform

Live preview Text

Helicopter Blade

Helicopter rotor spinning on text.

#animation #gradient #transform

Live preview Text

Hibiscus Tropical

Tropical red hibiscus on text.

#animation #gradient #transform

Live preview Text

Hike Trail

Hiking through forest trail on text.

#animation #gradient #transform

Live preview Text

Holographic Shift

Iridescent holographic text with a flowing multi-hue gradient and shifting glow.

#gradient #animation #shadow

Live preview Text

Horizon Line

Distant horizon line in text.

#animation #gradient

Live preview Text

Hue Rotate Spin

Continuous hue rotation cycling through the entire color wheel.

#animation #transform #filter

Live preview Text

Humidity Damp

Damp humid moisture beading on text.

#animation #shadow #filter

Live preview Text

Humidity Mist

Misty humid vapor over text.

#animation #shadow #filter

Live preview Text

Hunting Bow

Hunting bow drawn on text.

#animation #transform #shadow

Live preview Text

Hurricane Eye

Calm hurricane eye inside swirling storm text.

#animation #gradient #transform

Live preview Text

Invert Pulse

Text that pulses between normal and inverted colors.

#animation #filter

Live preview Text

Iridescent Shine

Iridescent shifting shine.

#animation #gradient

Live preview Text

Iris Purple

Deep purple iris flower on text.

#animation #gradient #transform

Live preview Text

Jasmine Fragrant

Fragrant white jasmine on text.

#animation #shadow #filter

Live preview Text

RGB Jitter

Rapid small-amplitude jitter with red/cyan/yellow RGB split edges.

#animation #shadow #transform

Live preview Text

Jitter Subtle Nervous

Subtle nervous jitter motion.

#animation #transform

Live preview Text

Jitter Violent Spasm

Violent spasm jitter motion.

#animation #transform

Live preview Text

Judo Throw

Judo throw sweeping motion on text.

#animation #transform #shadow

Live preview Text

Jupiter Great Storm

Swirling gas giant storm bands in text.

#animation #gradient

Live preview Text

Karate Chop

Karate chop slicing on text.

#animation #transform #shadow

Live preview Text

Kite Flying

Kite flying with tails on text.

#animation #transform #shadow

Live preview Text

Laser Sweep

Sharp red laser line sweeping across the text.

#animation #gradient

Live preview Text

Lavender Purple

Soft lavender purple flowers on text.

#animation #shadow

Live preview Text

Legato Flow

Smooth flowing legato notes on text.

#animation #transform #shadow

Live preview Text

Lens Flare Burst

Bright lens flare burst sweeping across text.

#animation #gradient #transform

Live preview Text

Wave Letters

Each letter is its own span, bobbing on a staggered delay to form a travelling wave.

#animation #transform

Live preview Text

Library Rows

Library bookshelf rows on text.

#animation #gradient

Live preview Text

Lighthouse Beam

Lighthouse rotating beam on text.

#animation #gradient #transform

Live preview Text

Lightning Bolt

Electric lightning bolt flashing through text.

#animation #shadow

Live preview Text

Lily Elegant

Elegant white lily on text.

#animation #shadow

Live preview Text

Loading Bar

LOADING text with an underline progress bar that fills and resets.

#gradient #animation #border

Live preview Text

Lunar Eclipse

Moon shadow creeping across text surface.

#animation #gradient

Live preview Text

Magnolia Grand

Grand cream magnolia on text.

#animation #gradient #shadow

Live preview Text

Maple Leaf

Autumn maple leaf on text.

#animation #gradient #transform

Live preview Text

Marching Band

Marching band uniform stripes on text.

#animation #gradient #transform

Live preview Text

Marigold Orange

Bright orange marigold on text.

#animation #gradient #shadow

Live preview Text

Marquee Scroll

Classic horizontal marquee scrolling text across a dark bar.

#animation #border #transform

Live preview Text

Marquee Scroll

Text scrolling continuously like a marquee sign.

#animation #transform

Live preview Text

Mars Rust

Rusty iron oxide surface of Mars.

#animation #gradient #transform

Live preview Text

Matrix Flicker

Falling-code green terminal text with irregular flicker like the Matrix.

#animation #shadow

Live preview Text

Melody Curve

Curving melodic line on text.

#animation #gradient #transform

Live preview Text

Meridian Arc

North-south meridian arc sweeping across text.

#animation #gradient

Live preview Text

Meteor Trail

Meteors falling down behind glowing text.

#animation #gradient #shadow

Live preview Text

Metronome Tick

Metronome ticking side to side on text.

#animation #transform #shadow

Live preview Text

Midnight Blue

Deep midnight blue glow over text.

#animation #shadow

Live preview Text

Milky Way

Galactic band of starlight across text.

#animation #gradient

Live preview Text

Minaret Tower

Slender Islamic minaret on text.

#animation #gradient #shadow

Live preview Text

Mint Fresh Leaf

Fresh mint leaf on text.

#animation #gradient #transform

Live preview Text

Modernist Clean

Clean modernist minimalist text.

#animation #transform

Live preview Text

Monsoon Pour

Heavy monsoon downpour over text.

#animation #gradient #shadow

Live preview Text

Moonbeam Silver

Soft silver moonbeam across text.

#animation #shadow #filter

Live preview Text

Moorish Arch

Moorish horseshoe arch on text.

#animation #gradient #shadow

Live preview Text

Moss Velvet

Velvet green moss on text.

#animation #gradient #shadow

Live preview Text

Motorcycle Rev

Motorcycle engine revving on text.

#animation #transform #shadow

Live preview Text

Museum Marble

Polished museum marble on text.

#animation #gradient

Live preview Text

Nadir Depth

Lowest point directly below in deep shadow.

#animation #gradient #shadow

Live preview Text

Neon Flicker Glow

Neon sign text with an irregular flicker and soft pulsing glow.

#animation #glow #shadow

Live preview Text

Neon Sign Blink

Neon sign flickering blink.

#animation #shadow

Live preview Text

Neutron Star

Dense neutron star with rapid blue pulse.

#animation #shadow

Live preview Text

Northern Lights

Ribbons of green aurora dancing over text.

#animation #gradient #transform

Live preview Text

Nutmeg Warm

Warm brown nutmeg on text.

#animation #gradient #shadow

Live preview Text

Oak Strong

Strong oak brown on text.

#animation #transform #shadow

Live preview Text

Observatory Dome

Astronomical observatory dome on text.

#animation #gradient #shadow

Live preview Text

Octave Jump

Octave leap jumping on text.

#animation #transform #shadow

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

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

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

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

Pinwheel Spin

Spinning pinwheel on text.

#animation #gradient #transform

Live preview Text

Pitch Bend

Bending pitch gliding on text.

#animation #transform #shadow

Effects tagged #animation

Popular tags