# animation CSS effects

Live preview Loaders

Guiro Scrape

Guiro being scraped with stick.

Live preview Loaders

Guitar String

Guitar string vibrating after being plucked, with sound waves.

Live preview Loaders

Gust Front

Gust front advancing as wall.

Live preview Loaders

Haboob

Haboob wall of dust advancing.

Live preview Loaders

Haboob Wall

Tall haboob dust wall advancing.

Live preview Loaders

Hail Fall

Hail stones bouncing as they fall.

Live preview Loaders

Hammer Throw Spin

Hammer thrower spinning.

Live preview Loaders

Handpan Tone

Handpan with shimmering tone fields.

#animation #gradient #border

Live preview Loaders

Harmonic Drive

Harmonic drive flex spline.

Live preview Loaders

Harp Strings

Harp strings vibrating in sequence down the frame.

Live preview Loaders

Has-Selector Complete Loader

Tick the box and :has() flips the whole spinner into a finished checkmark state.

Live preview Loaders

Heart Beat

Heart shape beating like a real pulse.

Live preview Loaders

Valentine Heart Pulse

Valentine heart pulsing with love.

#animation #shadow #border

Live preview Loaders

ECG Heartbeat

A red ECG trace line drawing itself left-to-right on a dark scope.

Live preview Loaders

Heat Haze

Heat haze shimmering over surface.

Live preview Loaders

DNA Helix

Paired dots rotating in 3D to form a twisting double helix.

#animation #3d #shadow

Live preview Loaders

Helmet Glow

Knight helmet with glowing visor.

Live preview Loaders

Hexagon Pulse

Hexagon pulsing inward and outward.

#animation #transform #shadow

Live preview Loaders

High Jump Bar

Athlete clearing high jump bar.

Live preview Loaders

Hilbert Curve

Hilbert space-filling curve drawing.

Live preview Loaders

Hinge Swing

Door swinging on hinge.

#animation #gradient #shadow

Live preview Loaders

Hockey Puck

Hockey puck sliding across the ice rink surface.

Live preview Loaders

Honey Drip

Honey dripping slowly.

Live preview Loaders

Horseshoe Toss

Horseshoe arcing toward post.

Live preview Loaders

Hot Air Balloon

Hot air balloon rising with the burner flame flickering.

#gradient #animation #glass

Live preview Loaders

Hourglass Flip

A warm amber hourglass shape that periodically flips itself.

Live preview Loaders

Hourglass Flip

Hourglass with sand flowing.

Live preview Loaders

Hula Hoop Twirl

Hula hoop twirling around waist.

Live preview Loaders

Hurdle Leap

Runner leaping over hurdle.

Live preview Loaders

Hurricane Eye

Hurricane with rotating eye wall.

Live preview Loaders

Hyperspace

Stars streaking past in hyperspace.

#animation #transform #shadow

Live preview Loaders

Ice Crystal

Hexagonal ice crystal rotating.

Live preview Loaders

Icosahedron Spin

Twenty-sided polyhedron rotating.

#animation #transform #3d

Live preview Loaders

Incense Clock

Incense stick burning with smoke.

#gradient #animation #shadow

Live preview Loaders

Indeterminate Bar

A sliver of light sweeping back and forth across a track.

Live preview Loaders

Induction Motor

Induction motor with squirrel cage.

#animation #shadow #border

Live preview Loaders

Infinity Loader

A glowing dot tracing a figure-8 infinity path.

Live preview Loaders

Jack-O-Lantern Glow

Jack-o-lantern with glowing face.

#animation #gradient #shadow

Live preview Loaders

Jackpot Burst

Coins bursting outward from a central jackpot star.

#animation #transform #filter

Live preview Loaders

Jam Spread

Jam spreading on bread.

Live preview Loaders

Javelin Throw

Javelin flying through air.

Live preview Loaders

Jellyfish

Jellyfish pulsing as it drifts with tentacles flowing.

Live preview Loaders

Jet Engine

Jet engine turbine fan blades spinning inside the cowling.

Live preview Loaders

Jigsaw Piece

Jigsaw puzzle piece fitting.

Live preview Loaders

Joystick

Joystick tilting in circles.

Live preview Loaders

Joystick Wiggle

Arcade joystick wiggling back and forth on its base.

Live preview Loaders

Juicer Press

Citrus juicer half spinning to extract juice.

Live preview Loaders

Jump Rope Spin

Jump rope spinning around.

Live preview Loaders

Kaleidoscope

Kaleidoscope pattern morphing colors.

Live preview Loaders

Kettle Steam

Whistling kettle with steam puffing from its spout.

Live preview Loaders

Kettlebell Swing

Kettlebell swinging on arc.

Live preview Loaders

Kite Fly

Kite flying with waving tail.

Live preview Loaders

Knob Turn

Knob turning back and forth.

Live preview Loaders

Knot Tie

Loop tightening into a knot shape.

Live preview Loaders

Labyrinth

Concentric labyrinth spiral rotating.

Live preview Loaders

Lamp Glow

Oil lamp with glowing flame.

Live preview Loaders

Lattice Blink

Diagonal lattice pattern blinking.

Live preview Loaders

LED Display

LED display with shifting numbers.

#animation #shadow

Live preview Loaders

Lemon Squeeze

Lemon being squeezed.

Live preview Loaders

Level Balance

Spirit level with bubble in tube.

#animation #gradient #shadow

Live preview Loaders

Level Bubble

Spirit level with bubble sliding to find center.

Live preview Loaders

Lever Rock

Lever rocking on fulcrum.

Live preview Loaders

Lighter Flame

Lighter with flickering flame.

Live preview Loaders

Lighthouse Beam

Lighthouse with rotating beam.

Live preview Loaders

Lighthouse Beam Sweep

Lighthouse with sweeping beam.

#animation #transform #shadow

Live preview Loaders

Lightning Bolt

Lightning bolt flashing on and off during a storm.

Live preview Loaders

Line Flow

Horizontal lines flowing across.

Live preview Loaders

Line Stretch Pulse

Vertical lines stretching in sequence.

Live preview Loaders

Lollipop Spin

Lollipop spinning spiral.

Live preview Loaders

Lunar Module

Lunar module descending with thrusters.

Live preview Loaders

Maracas Shake

Maracas shaking rhythmically.

Live preview Loaders

Marathon Run

Runner sprinting on track.

Live preview Loaders

Marimba Mallet

Marimba mallet bouncing between two wooden bars.

Live preview Loaders

Marquee Bulb

Theater marquee bulbs chasing in sequence.

#animation #shadow

Live preview Loaders

Mars Rover

Mars rover rolling across terrain.

Live preview Loaders

Maze Trace

Path tracing through a maze pattern.

Live preview Loaders

Mechanical Clock

Mechanical clock with ticking hands.

Live preview Loaders

Mesh Pulse

Mesh of dots pulsing outward from center.

Live preview Loaders

Meteor Shower

Multiple meteors falling diagonally.

Live preview Loaders

Meter Dial

Analog meter dial sweeping.

#gradient #animation #border

Live preview Loaders

Metronome

A wooden metronome body with an amber arm ticking side to side.

Live preview Loaders

Microburst

Microburst of downward wind.

Live preview Loaders

Microphone Feedback

Microphone emitting feedback waves.

Live preview Loaders

Milk Splash

Milk glass with splash droplets.

Live preview Loaders

Milky Way

Milky Way band of stars flowing.

Live preview Loaders

Mirage

Mirage shimmering in the desert.

Live preview Loaders

Mirror Ball

Mirror ball with sparkle highlights.

Live preview Loaders

Mirror Shine

Light reflecting off mirror surface.

#animation #gradient #filter

Live preview Loaders

Mist Roll

Low mist rolling across the ground.

Live preview Loaders

Moire Shift

Overlapping grids creating moire pattern.

Live preview Loaders

Monsoon

Monsoon heavy rain falling.

Live preview Loaders

Monster Truck

Monster truck bouncing on giant tires with crash impact.

Live preview Loaders

Moon Orbit

Moon revolving around a planet.

Live preview Loaders

Moon Phase

Moon cycling through its phases from new to full.