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

Snowflake Spin

Six-armed snowflake spinning as it falls.

#animation #gradient #transform

Live preview Loaders

Snowman Build

Snowman being built with falling snow.

#animation #gradient #transform

Live preview Loaders

Soccer Kick

Soccer ball curving through the air into the goal.

#animation #gradient #transform

Live preview Loaders

Soda Fizz

Soda with fizzing bubbles.

#animation #gradient #transform

Live preview Loaders

Solar Flare

Sun emitting solar flares.

#animation #gradient #transform

Live preview Loaders

Solar System

A miniature sun with a blue and red planet orbiting at different speeds.

#gradient #animation #shadow

Live preview Loaders

Solenoid

Solenoid plunger pulling in.

#animation #gradient #transform

Live preview Loaders

Sonar Ping

Concentric cyan sonar pings radiating outward from a central dot.

#animation #shadow #border

Live preview Loaders

Sonar Ping

Sonar ping rings expanding outward.

#animation #transform #border

Live preview Loaders

Space Invader

Pixelated space invader marching across the screen.

#animation

Live preview Loaders

Space Station

Space station with rotating solar panels.

#animation #gradient #transform

Live preview Loaders

Sparkler Burn

Sparkler with flying sparks.

#animation #gradient #transform

Live preview Loaders

Speaker Pulse

Speaker cone pulsing with bass.

#animation #gradient #transform

Live preview Loaders

Speedometer

Car speedometer needle sweeping from 0 to max.

#animation #gradient #transform

Live preview Loaders

Sphere Spin

Sphere with rotating meridian lines.

#animation #gradient #transform

Live preview Loaders

Spider Crawl

Spider crawling on web.

#animation #gradient #transform

Live preview Loaders

Spider Web

Spider descending on a silk thread from above.

#animation #gradient #transform

Live preview Loaders

Spin the Bottle

A bottle spinning and slowing on a circular board.

#animation #gradient #transform

Live preview Loaders

Spiral Coil Zoom

Spiral coil zooming inward and outward.

#animation #gradient #transform

Live preview Loaders

Spiral Twist

Spiral shape twisting inward.

#animation #transform #border

Live preview Loaders

Spire Twist

Spire twisting upward.

#animation #gradient #transform

Live preview Loaders

Spirograph

Spirograph pattern rotating continuously.

#animation #transform #border

Live preview Loaders

Spotlight Sweep

Spotlight sweeping across stage.

#animation #gradient #transform

Live preview Loaders

Bouncing Spring

A stack of blue coils compressing and extending like a pogo spring.

#gradient #animation #shadow

Live preview Loaders

Spring Roll

Spring roll rolling.

#animation #gradient #transform

Live preview Loaders

Squall

Sudden squall of wind and rain.

#animation #gradient #transform

Live preview Loaders

Square Flip Grid

Four squares flipping in 3D in a staggered wave.

#animation #3d #border

Live preview Loaders

Accordion Square Fold

Square folding like an accordion.

#animation #transform

Live preview Loaders

Square Stack

Stacked squares scaling outward.

#animation #transform #border

Live preview Loaders

Stage Curtain

Theater curtain opening and closing.

#animation #gradient

Live preview Loaders

Stair Climb

Figure climbing stairs.

#animation #gradient #filter

Live preview Loaders

Stapler Press

Stapler pressing down and firing staples into paper.

#animation #gradient #transform

Live preview Loaders

Star Burst

Five-point star bursting outward repeatedly.

#animation #transform

Live preview Loaders

Star Twinkle

Five-point star pulsing with twinkling sparkle.

#animation #transform #shadow

Live preview Loaders

Stargate

Stargate with rippling event horizon.

#animation #gradient #transform

Live preview Loaders

Stator Coil

Stator coil winding pattern.

#animation #transform

Live preview Loaders

Steam Wisps

Soft white steam puffs rising, drifting, and dissipating.

#gradient #animation #border

Live preview Loaders

Steeple Bell

Steeple with swinging bell.

#animation #gradient #transform

Live preview Loaders

Steering Wheel

Steering wheel rotating back and forth.

#animation #transform #border

Live preview Loaders

Stopwatch Tick

Stopwatch with ticking second hand.

#animation #gradient #transform

Live preview Loaders

Storm Cloud

Dark storm cloud rolling in.

#animation #gradient #transform

Live preview Loaders

Stove Burner

Gas stove burner with cycling blue flame rings.

#animation #gradient #transform

Live preview Loaders

Stratus

Flat stratus cloud layer.

#animation #gradient #transform

Live preview Loaders

Diagonal Stripe Roll

Diagonal stripes rolling across the panel.

#animation #gradient

Live preview Loaders

Strobe Flash

Strobe light flashing rapidly.

#animation #shadow

Live preview Loaders

Submarine

Submarine cruising underwater with bubble trail.

#animation #gradient

Live preview Loaders

Sun Shower

Sun shining while rain falls.

#animation #gradient #transform

Live preview Loaders

Sundial Sweep

A warm sundial disc with a sweeping shadow arm marking time.

#gradient #animation #shadow

Live preview Loaders

Sundial Shadow

Sundial with rotating shadow.

#animation #gradient #transform

Live preview Loaders

Supernova Burst

Star exploding in a supernova burst.

#animation #gradient #transform

Live preview Loaders

Surf Wave

Surfer riding the curl of an ocean wave.

#animation #gradient #transform

Live preview Loaders

Sushi Roll

Sushi roll spinning.

#animation #gradient #transform

Live preview Loaders

Suspension Bridge

Suspension bridge with flowing cables.

#animation #gradient #transform

Live preview Loaders

Swim Lane

Swimmer strokes across a pool with lane markers.

#animation #gradient

Live preview Loaders

Swing Ride

Chair swing ride with chains tilting outward as it spins.

#animation #gradient #transform

Live preview Loaders

Toggle Switch

Toggle switch flipping on and off.

#animation #gradient

Live preview Loaders

Sword Strike

Sword swinging with motion blur.

#animation #gradient #transform

Live preview Loaders

Synthesizer Key

Synth keys pressing with glow.

#animation #gradient #transform

Live preview Loaders

Syrup Pour

Syrup pouring in stream.

#animation #gradient

Live preview Loaders

Tabla Beat

Indian tabla drums with rhythmic beat.

#animation #gradient #transform

Live preview Loaders

Taco Fold

Taco shell folding.

#animation #gradient #transform

Live preview Loaders

Tally Counter

Tally marks being added.

#animation #transform

Live preview Loaders

Tambourine Shake

Tambourine shaking with jingles.

#animation #gradient #transform

Live preview Loaders

Tea Steep

Tea bag steeping with color spread.

#animation #gradient #transform

Live preview Loaders

Teacup Ride

Spinning teacups rotating around a saucer plate.

#animation #transform #shadow

Live preview Loaders

Telegraph Tap

Telegraph key tapping out a message in Morse.

#animation #transform #shadow

Live preview Loaders

Telescope Scan

Telescope scanning across the sky.

#animation #gradient #transform

Live preview Loaders

Temple Pillar

Temple pillars with golden glow.

#animation #gradient #filter

Live preview Loaders

Tennis Bounce

Tennis ball bouncing over a yellow court line.

#animation #gradient #transform

Live preview Loaders

Tessellate

Hexagons tessellating with color shifts.

#animation

Live preview Loaders

Tetra Flip 3D

Tetrahedron flipping in 3D space.

#animation #transform #3d

Live preview Loaders

Tetrahedron Spin

3D tetrahedron rotating in space.

#animation #transform #3d

Live preview Loaders

Tetris Drop

Tetromino blocks falling and stacking in a well.

#animation #shadow #border

Live preview Loaders

Theremin Wave

Theremin emitting sine waves.

#animation #gradient #transform

Live preview Loaders

Thermometer Mercury

Thermometer mercury rising.

#animation #gradient #border

Live preview Loaders

Thunder Cloud

Storm cloud with flashing lightning bolt.

#animation #gradient

Live preview Loaders

Ticket Print

Ticket being printed out.

#animation #gradient

Live preview Loaders

Tilt-A-Whirl

A tilted disk wobbling and spinning erratically.

#animation #gradient #transform

Live preview Loaders

Timpani Roll

Timpani drum with pedal.

#animation #gradient #transform

Live preview Loaders

Toast Butter

Toast with melting butter.

#animation #gradient #transform

Live preview Loaders

Toaster Pop

Toaster with bread slices popping up rhythmically.

#animation #gradient #border

Live preview Loaders

Toll Gate

Toll booth barrier arm raising and lowering.

#animation #gradient #transform

Live preview Loaders

Topaz Twinkle

Topaz gem twinkling with amber glow.

#animation #gradient #shadow

Live preview Loaders

Torch Flame

Torch with tall flame.

#animation #gradient #transform

Live preview Loaders

Torii Gate

Japanese torii gate with glow.

#animation #gradient #shadow

Live preview Loaders

Tornado Funnel

A narrowing stack of blue bands swaying like a spinning tornado.

#gradient #animation #border

Live preview Loaders

Tornado Funnel

Tornado funnel spinning.

#animation #transform

Live preview Loaders

Torus Roll

Torus ring rolling across the screen.

#animation #transform #border

Live preview Loaders

Tractor

Tractor with big rear wheels spinning across a field.

#animation #gradient #transform

Live preview Loaders

Tractor Beam

Tractor beam pulling object upward.

#animation #gradient #transform

Live preview Loaders

Trade Wind

Steady trade winds blowing.

#animation #transform

Live preview Loaders

Traffic Cone

Traffic cone with blinking stripes.

#animation #border

Live preview Loaders

Traffic Light

Traffic signal cycling red, yellow, and green.

#animation #gradient #shadow

Live preview Loaders

Train Wheel

Steam locomotive wheel with piston rod driving back and forth.

#animation #gradient #transform

Live preview Loaders

Transmission Gear

Multi-speed transmission gears.

#animation #gradient #transform

Live preview Loaders

Treble Clef

Treble clef symbol shimmering.

#animation #gradient #shadow

Effects tagged #animation

Popular tags