# animation CSS effects

Live preview Loaders

Frost Form

Frost pattern forming on surface.

Live preview Loaders

Frying Pan

Frying pan with food tossing in the air as it cooks.

Live preview Loaders

Galaxy Spiral

Spiral galaxy with rotating arms.

Live preview Loaders

Gale

Strong gale force winds.

Live preview Loaders

Garlic Peel

Garlic clove peeling.

Live preview Loaders

Garlic Press

Garlic press squeezing cloves through tiny holes.

Live preview Loaders

Gas Pump

Gas pump nozzle with fuel gauge filling up.

#animation #gradient

Live preview Loaders

Gate Lift

Gate lifting up and down.

Live preview Loaders

Gauge Needle

Gauge needle bouncing.

Live preview Loaders

Spinning Gears

Two interlocking cogwheels rotating in opposite directions.

Live preview Loaders

Gem Glint

Gem with glint of light sweeping.

#animation #gradient

Live preview Loaders

Generator Coil

Generator coil with magnetic field.

Live preview Loaders

Ghost Float

Ghost floating with wavy bottom.

Live preview Loaders

Gift Box Open

Gift box with opening lid.

Live preview Loaders

Glider

Hang glider soaring in a figure-eight through the sky.

Live preview Loaders

Glitch TV

Television screen with RGB channel split and glitch noise.

#animation #gradient #shadow

Live preview Loaders

Glockenspiel Bar

Glockenspiel bars shimmering.

Live preview Loaders

Glow Pulse

Glowing orb pulsing with light.

#animation #transform #shadow

Live preview Loaders

Golf Putt

Golf ball rolling toward hole.

Live preview Loaders

Golf Swing

Golf club swinging to strike a ball off the tee.

#gradient #animation #border

Live preview Loaders

Gradient Ring

A smooth gradient ring spinner with a fading tail, iOS-style.

Live preview Loaders

Gramophone Horn

Vintage gramophone horn with sound waves.

Live preview Loaders

Gravitational Wave

Gravitational waves rippling outward.

#animation #transform #3d

Live preview Loaders

Grid 3D Pulse

3D grid of squares pulsing in sequence.

Live preview Loaders

Grid Fade

Three-by-three grid fading in pattern.

#animation

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

Gymnast Flip

Gymnast doing flip rotation.

Live preview Loaders

Gyroscope Rings

Three concentric rings tilted on different 3D axes and spinning.

#animation #3d #border

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 Strike

Hammer repeatedly striking a nail into wood.

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

Harmonica Reed

Harmonica with vibrating reeds.

Live preview Loaders

Harp Strings

Harp strings vibrating in sequence down the frame.

Live preview Loaders

Heart Beat

Heart shape beating like a real pulse.

Live preview Loaders

Valentine Heart Pulse

Valentine heart pulsing with love.

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

Helicopter Blade

Helicopter rotor blades spinning above the cockpit.

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

Hex Tile Spin

Hexagonal tile spinning with color shift.

Live preview Loaders

Hexagon Orbit Sextet

Six dots orbiting in hexagonal formation.

#gradient #animation #transform

Live preview Loaders

Hexagon Spinner

A hexagon outlined with a rotating rainbow conic gradient.

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.

#animation

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

Horse Gallop

Horse silhouette galloping with mane and tail flowing.

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

Hovercraft

Hovercraft floating on a cushion of air with skirt inflating.

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

Hydraulic Press

Hydraulic press crushing down.

#animation #gradient

Live preview Loaders

Hygrometer

Hygrometer showing humidity level.

Live preview Loaders

Hyperspace

Stars streaking past in hyperspace.

Live preview Loaders

Ice Cream Melt

Ice cream melting down cone.

#animation #transform #shadow

Live preview Loaders

Ice Crystal

Hexagonal ice crystal rotating.

Live preview Loaders

Icicle Drip

Icicle dripping water droplets on a winter day.

#animation #transform #3d

Live preview Loaders

Icosahedron Spin

Twenty-sided polyhedron rotating.

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.

Live preview Loaders

Infinity Loader

A glowing dot tracing a figure-8 infinity path.

#animation #gradient #shadow

Live preview Loaders

Jack-O-Lantern Glow

Jack-o-lantern with glowing face.

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

Jet Stream

High-altitude jet stream flowing.

Live preview Loaders

Jewel Spark

Jewel with sparks emerging.

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.