Most popular CSS effects

Live preview Loaders

Space Invader

Pixelated space invader marching across the screen.

#animation

Live preview Loaders

Space Station

Space station with rotating solar panels.

Live preview Loaders

Spacetime Warp

Spacetime grid warping under gravity.

Live preview Loaders

Sparkler Burn

Sparkler with flying sparks.

Live preview Loaders

Speaker Pulse

Speaker cone pulsing with bass.

Live preview Loaders

Speedometer

Car speedometer needle sweeping from 0 to max.

Live preview Loaders

Sphere Spin

Sphere with rotating meridian lines.

Live preview Loaders

Spider Crawl

Spider crawling on web.

Live preview Loaders

Spider Web

Spider descending on a silk thread from above.

Live preview Loaders

Spin the Bottle

A bottle spinning and slowing on a circular board.

#gradient #animation #transform

Live preview Loaders

Spinning Top

A diamond-shaped top spinning fast while wobbling off-axis.

Live preview Loaders

Spiral Coil Zoom

Spiral coil zooming inward and outward.

Live preview Loaders

Spiral Twist

Spiral shape twisting inward.

Live preview Loaders

Spire Twist

Spire twisting upward.

Live preview Loaders

Spirograph

Spirograph pattern rotating continuously.

Live preview Loaders

Spotlight Spin

Spotlight spinning in full circle.

Live preview Loaders

Spotlight Sweep

Spotlight sweeping across stage.

#gradient #animation #shadow

Live preview Loaders

Bouncing Spring

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

Live preview Loaders

Spring Roll

Spring roll rolling.

Live preview Loaders

Squall

Sudden squall of wind and rain.

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.

Live preview Loaders

Square Stack

Stacked squares scaling outward.

Live preview Loaders

Stage Curtain

Theater curtain opening and closing.

#animation #gradient #filter

Live preview Loaders

Stair Climb

Figure climbing stairs.

Live preview Loaders

Stapler Press

Stapler pressing down and firing staples into paper.

Live preview Loaders

Star Burst

Five-point star bursting outward repeatedly.

#animation #transform #shadow

Live preview Loaders

Star Twinkle

Five-point star pulsing with twinkling sparkle.

Live preview Loaders

Stargate

Stargate with rippling event horizon.

Live preview Loaders

Stator Coil

Stator coil winding pattern.

#gradient #animation #border

Live preview Loaders

Steam Wisps

Soft white steam puffs rising, drifting, and dissipating.

Live preview Loaders

Steel Drum

Steel drum with concave surface.

Live preview Loaders

Steeple Bell

Steeple with swinging bell.

Live preview Loaders

Steering Wheel

Steering wheel rotating back and forth.

#animation #border #transform

Live preview Loaders

Stopwatch Tick

A stopwatch face with a red second hand ticking in 60 discrete steps.

Live preview Loaders

Stopwatch Tick

Stopwatch with ticking second hand.

Live preview Loaders

Storm Cloud

Dark storm cloud rolling in.

Live preview Loaders

Stove Burner

Gas stove burner with cycling blue flame rings.

Live preview Loaders

Stratus

Flat stratus cloud layer.

Live preview Loaders

Diagonal Stripe Roll

Diagonal stripes rolling across the panel.

Live preview Loaders

Strobe Flash

Strobe light flashing rapidly.

#animation #shadow

Live preview Loaders

Submarine

Submarine cruising underwater with bubble trail.

Live preview Loaders

Sun Rays

Sun with rotating rays around a glowing yellow center.

Live preview Loaders

Sun Shower

Sun shining while rain falls.

#gradient #animation #shadow

Live preview Loaders

Sundial Sweep

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

Live preview Loaders

Sundial Shadow

Sundial with rotating shadow.

Live preview Loaders

Supernova Burst

Star exploding in a supernova burst.

Live preview Loaders

Surf Wave

Surfer riding the curl of an ocean wave.

Live preview Loaders

Sushi Roll

Sushi roll spinning.

Live preview Loaders

Suspension Bridge

Suspension bridge with flowing cables.

Live preview Loaders

Swim Lane

Swimmer strokes across a pool with lane markers.

Live preview Loaders

Swing Ride

Chair swing ride with chains tilting outward as it spins.

Live preview Loaders

Toggle Switch

Toggle switch flipping on and off.

Live preview Loaders

Sword Strike

Sword swinging with motion blur.

Live preview Loaders

Synthesizer Key

Synth keys pressing with glow.

Live preview Loaders

Syrup Pour

Syrup pouring in stream.

Live preview Loaders

Tabla Beat

Indian tabla drums with rhythmic beat.

Live preview Loaders

Taco Fold

Taco shell folding.

Live preview Loaders

Tally Counter

Tally marks being added.

Live preview Loaders

Tambourine Shake

Tambourine shaking with jingles.

#animation #gradient #border

Live preview Loaders

Tape Measure

Tape measure extending and retracting its yellow ribbon.

Live preview Loaders

Tea Steep

Tea bag steeping with color spread.

#animation #transform #shadow

Live preview Loaders

Teacup Ride

Spinning teacups rotating around a saucer plate.

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.

Live preview Loaders

Tempest

Violent tempest swirling.

#animation #gradient #filter

Live preview Loaders

Temple Pillar

Temple pillars with golden glow.

Live preview Loaders

Tennis Bounce

Tennis ball bouncing over a yellow court line.

#animation #transform #3d

Live preview Loaders

Tessellate

Hexagons tessellating with color shifts.

#animation

Live preview Loaders

Tetra Flip 3D

Tetrahedron flipping in 3D space.

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

Live preview Loaders

Thermometer Mercury

Thermometer mercury rising.

Live preview Loaders

Thunder Cloud

Storm cloud with flashing lightning bolt.

Live preview Loaders

Ticket Print

Ticket being printed out.

Live preview Loaders

Tilt-A-Whirl

A tilted disk wobbling and spinning erratically.

Live preview Loaders

Timing Belt

Timing belt moving over gears.

Live preview Loaders

Timpani Roll

Timpani drum with pedal.

Live preview Loaders

Toast Butter

Toast with melting butter.

#animation #gradient #border

Live preview Loaders

Toaster Pop

Toaster with bread slices popping up rhythmically.

Live preview Loaders

Toll Gate

Toll booth barrier arm raising and lowering.

Live preview Loaders

Topaz Twinkle

Topaz gem twinkling with amber glow.

Live preview Loaders

Torch Flame

Torch with tall flame.

Live preview Loaders

Torii Gate

Japanese torii gate with glow.

#gradient #animation #border

Live preview Loaders

Tornado Funnel

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

Live preview Loaders

Tornado Funnel

Tornado funnel spinning.

Live preview Loaders

Torus Roll

Torus ring rolling across the screen.

#animation #gradient #filter

Live preview Loaders

Totem Rise

Tribal totem rising with eyes glowing.

Live preview Loaders

Track Lane

Runner sprinting around an athletics track oval.

Live preview Loaders

Tractor

Tractor with big rear wheels spinning across a field.

Live preview Loaders

Tractor Beam

Tractor beam pulling object upward.

Live preview Loaders

Trade Wind

Steady trade winds blowing.