#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

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

Sphere Shaded

Text filled with a radial highlight gradient giving a spherical metallic look.

#gradient #animation #shadow

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

Live preview Text

Swing Tick Tock

Clock tick tock swing motion.

#animation #transform

Live preview Text

Swing Violent Toss

Violent toss swing motion.

#animation #transform

Live preview Text

Taekwondo Kick

Taekwondo high kick on text.

#animation #transform #shadow

Live preview Text

Taurus Bull

Earth-bound bull-headed Taurus sign.

#animation #transform #shadow

Live preview Text

Temple Ancient

Ancient stone temple on text.

#animation #gradient #shadow

Live preview Text

Tempo Adagio

Slow adagio tempo on text.

#animation #shadow

Live preview Text

Tempo Allegro

Fast lively allegro tempo on text.

#animation #transform #shadow

Live preview Text

Tempo Andante

Walking pace andante tempo on text.

#animation #transform #shadow

Live preview Text

Tempo Presto

Very fast presto tempo on text.

#animation #transform #shadow

Live preview Text

CRT Terminal

Green CRT terminal text in a framed box with a scanning refresh line.

#animation #shadow #border

Live preview Text

Tetris Block

Tetris blocks falling on text.

#animation #transform #shadow

Live preview Text

Theater Curtain

Red velvet theater curtain on text.

#animation #gradient #transform

Live preview Text

Thermometer Rise

Rising mercury in thermometer text.

#animation #gradient

Live preview Text

Thunder Rumble

Deep rumbling thunder vibrating through text.

#animation #transform #shadow

Live preview Text

Thyme Fragrant

Fragrant thyme herb on text.

#animation #shadow

Live preview Text

Stock Ticker

Green/red stock ticker scrolling prices with up/down arrows.

#animation #border #transform

Live preview Text

Torch Pass

A warm torch light passes across the text.

#animation #gradient

Live preview Text

Tornado Swirl

Twisting tornado vortex around text.

#animation #transform #shadow

Live preview Text

Train Steam

Steam train chugging on text.

#animation #transform #shadow

Live preview Text

Treble Clef

Curving treble clef over text.

#animation #transform #shadow

Live preview Text

Tremolo Shake

Rapid tremolo shaking on text.

#animation #transform #shadow

Live preview Text

Tremor Hard Seismic

Hard seismic tremor motion.

#animation #transform

Live preview Text

Tremor Soft Quake

Soft earthquake tremor motion.

#animation #transform

Live preview Text

Subtle Tremor

Subtle trembling like a held note.

#animation #transform

Live preview Text

Trill Flutter

Fluttering trill between two notes on text.

#animation #transform #shadow

Live preview Text

Tudor Timber

Tudor half-timber house on text.

#animation #gradient #filter

Live preview Text

Tulip Cup

Cup-shaped tulip gradient on text.

#animation #gradient #transform

Live preview Text

Tuning Fork Ring

Ringing tuning fork vibration on text.

#animation #transform #shadow

Live preview Text

Turmeric Gold

Golden turmeric on text.

#animation #gradient #shadow

Live preview Text

Twilight Glow

Twilight purple-pink glow over text.

#animation #gradient #shadow

Live preview Text

Twinkle Night

Night sky star twinkle.

#animation #shadow

Live preview Text

Typewriter Cursor

Text appears as if typed character-by-character with a blinking cursor.

#animation #shadow #border

Live preview Text

Multi Typewriter

Typewriter effect revealing text with blinking cursor.

#animation #border

Live preview Text

Typhoon Spin

Spinning Pacific typhoon around text.

#animation #gradient #transform

Live preview Text

Uranus Tilt

Tilted cyan ice giant Uranus.

#animation #gradient #transform

Live preview Text

Venus Cloud

Yellow sulfuric clouds of Venus drifting.

#animation #gradient #filter

Live preview Text

Vertical News Scroll

Words scroll vertically through a gradient window like a news ticker.

#gradient #animation #border

Live preview Text

Vibrate Skew

Continuous subtle vibration with a slight skew wobble for a buzzy feel.

#animation #shadow #transform

Live preview Text

Fast Vibrate

Text vibrating rapidly with small movements.

#animation #transform

Live preview Text

Vibrate Fast Buzz

Fast buzzing vibration motion.

#animation #transform

Live preview Text

Vibrate Slow Hum

Slow humming vibration motion.

#animation #transform

Live preview Text

Vibrato Waver

Slight pitch waver vibrato on text.

#animation #transform #shadow

Live preview Text

Victorian Lace

Delicate Victorian lace on text.

#animation #shadow

Live preview Text

Villa Italian

Italian villa warm stucco on text.

#animation #gradient #shadow

Live preview Text

Vine Twist

Twisting green vine on text.

#animation #transform #shadow

Live preview Text

Vinyl Record Spin

Spinning vinyl record groove over text.

#animation #gradient #transform

Live preview Text

Virgo Maiden

Graceful flowing Virgo maiden sign.

#animation #transform #shadow

Live preview Text

Water Ripple

Text with a watery ripple distortion effect.

#animation #gradient #transform

Live preview Text

Watermelon Fresh

Fresh watermelon pink and green on text.

#animation #gradient #filter

Live preview Text

3D Wave Letters

Letters rotate on the X axis in a traveling wave for a 3D ripple effect.

#animation #3d #transform

Live preview Text

Wave Bounce Letters

Letters rise and fall in a smooth traveling wave.

#animation #transform #wave

Live preview Text

Wave Down Fall

Wave falling downward animation.

#animation #transform

Live preview Text

Wave Letters

Each letter rises and falls in a wave.

#animation #transform

Live preview Text

Wave Random Mess

Random messy wave motion.

#animation #transform

Live preview Text

Wave Up Rise

Wave rising upward animation.

#animation #transform

Live preview Text

Waveform Oscillate

Sine waveform oscillating across text.

#animation #gradient

Popular tags