# animation CSS effects

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

Live preview Loaders

Traffic Cone

Traffic cone with blinking stripes.

#animation #border

Live preview Loaders

Traffic Light

Traffic signal cycling red, yellow, and green.

Live preview Loaders

Train Wheel

Steam locomotive wheel with piston rod driving back and forth.

#gradient #animation #shadow

Live preview Loaders

Trampoline Bounce

A pink ball bouncing on a cyan trampoline surface that flexes on impact.

Live preview Loaders

Transmission Gear

Multi-speed transmission gears.

Live preview Loaders

Treble Clef

Treble clef symbol shimmering.

Live preview Loaders

Trebuchet Arm

Trebuchet arm swinging.

Live preview Loaders

Tree Grow

Tree growing with leaves unfurling on its branches.

Live preview Loaders

Triangle Fuse Burst

Three triangles fusing and bursting outward.

Live preview Loaders

Triangle Morph Cycle

Triangle morphing through different shapes.

#animation

Live preview Loaders

Triangle Orbit Dots

Three colored dots orbiting in a triangular path.

Live preview Loaders

Triangle Ding

Triangle instrument vibrating.

Live preview Loaders

Triangle Spin

Equilateral triangle spinning on its center.

Live preview Loaders

Triangle Stack

Nested triangles rotating opposite.

Live preview Loaders

Triple Ring Pulse

Three rings pulsing outward in sequence.

Live preview Loaders

Dump Truck

Dump truck bed tilting to release its load.

Live preview Loaders

Trumpet Valves

Trumpet with three piston valves pumping in rhythm.

#animation #shadow #border

Live preview Loaders

Tube Light

Fluorescent tube light warming up.

Live preview Loaders

Tug of War

Rope being pulled back and forth.

Live preview Loaders

Tuning Fork Vibrate

Tuning fork vibrating at frequency.

Live preview Loaders

Turbine Blade

Turbine blades spinning fast.

Live preview Loaders

Gas Turbine

Gas turbine with flame inside.

Live preview Loaders

Steam Turbine

Steam turbine spinning fast.

Live preview Loaders

Water Turbine

Water turbine with flowing water.

Live preview Loaders

Wind Turbine

Wind turbine with three blades.

Live preview Loaders

Turkey Feast

Roast turkey with steam.

Live preview Loaders

Turtle Walk

Turtle slowly walking with shell bobbing and legs moving.

Live preview Loaders

Twin Disc Shift

Twin discs shifting opposite directions.

Live preview Loaders

Twin Ellipse Orbit

Two dots orbiting in elliptical paths.

Live preview Loaders

Typewriter Keys

Typewriter keys stamping down in sequence.

Live preview Loaders

Typhoon

Typhoon with spiral bands.

Live preview Loaders

UFO Beam

UFO with tractor beam pulsing down.