Most Popular CSS Effects (Page 73)

Live preview Loaders

Has-Selector Complete Loader

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

#animation #transform #border

Live preview Loaders

Heart Beat

Heart shape beating like a real pulse.

#animation #transform

Live preview Loaders

Valentine Heart Pulse

Valentine heart pulsing with love.

#animation #gradient #transform

Live preview Loaders

ECG Heartbeat

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

#animation #shadow #border

Live preview Loaders

Heat Haze

Heat haze shimmering over surface.

#animation #gradient #transform

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.

#animation #gradient #transform

Live preview Loaders

Hexagon Pulse

Hexagon pulsing inward and outward.

#animation #gradient #transform

Live preview Loaders

High Jump Bar

Athlete clearing high jump bar.

#animation #transform #shadow

Live preview Loaders

Hilbert Curve

Hilbert space-filling curve drawing.

#animation

Live preview Loaders

Hinge Swing

Door swinging on hinge.

#animation #gradient #transform

Live preview Loaders

Hockey Puck

Hockey puck sliding across the ice rink surface.

#animation #gradient #shadow

Live preview Loaders

Honey Drip

Honey dripping slowly.

#animation #gradient #transform

Live preview Loaders

Horseshoe Toss

Horseshoe arcing toward post.

#animation #gradient #transform

Live preview Loaders

Hot Air Balloon

Hot air balloon rising with the burner flame flickering.

#animation #gradient #transform

Live preview Loaders

Hourglass Flip

A warm amber hourglass shape that periodically flips itself.

#gradient #animation #glass

Live preview Loaders

Hourglass Flip

Hourglass with sand flowing.

#animation #transform #border

Live preview Loaders

Hula Hoop Twirl

Hula hoop twirling around waist.

#animation #gradient #transform

Live preview Loaders

Hurdle Leap

Runner leaping over hurdle.

#animation #gradient #transform

Live preview Loaders

Hurricane Eye

Hurricane with rotating eye wall.

#animation #gradient #transform

Live preview Loaders

Hyperspace

Stars streaking past in hyperspace.

#animation #gradient #transform

Live preview Loaders

Ice Crystal

Hexagonal ice crystal rotating.

#animation #transform #shadow

Live preview Loaders

Icosahedron Spin

Twenty-sided polyhedron rotating.

#animation #transform #3d

Live preview Loaders

Incense Clock

Incense stick burning with smoke.

#animation #gradient #transform

Live preview Loaders

Indeterminate Bar

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

#gradient #animation #shadow

Live preview Loaders

Induction Motor

Induction motor with squirrel cage.

#animation #gradient #transform

Live preview Loaders

Infinity Loader

A glowing dot tracing a figure-8 infinity path.

#animation #shadow #border

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.

#animation #gradient #transform

Live preview Loaders

Javelin Throw

Javelin flying through air.

#animation #gradient #transform

Live preview Loaders

Jellyfish

Jellyfish pulsing as it drifts with tentacles flowing.

#animation #gradient #transform

Live preview Loaders

Jet Engine

Jet engine turbine fan blades spinning inside the cowling.

#animation #gradient #transform

Live preview Loaders

Jigsaw Piece

Jigsaw puzzle piece fitting.

#animation #gradient #transform

Live preview Loaders

Joystick

Joystick tilting in circles.

#animation #gradient #transform

Live preview Loaders

Joystick Wiggle

Arcade joystick wiggling back and forth on its base.

#animation #gradient #transform

Live preview Loaders

Juicer Press

Citrus juicer half spinning to extract juice.

#animation #gradient #transform

Live preview Loaders

Jump Rope Spin

Jump rope spinning around.

#animation #transform #border

Live preview Loaders

Kaleidoscope

Kaleidoscope pattern morphing colors.

#animation #gradient #transform

Live preview Loaders

Kettle Steam

Whistling kettle with steam puffing from its spout.

#animation #gradient #transform

Live preview Loaders

Kettlebell Swing

Kettlebell swinging on arc.

#animation #gradient #transform

Live preview Loaders

Kite Fly

Kite flying with waving tail.

#animation #gradient #transform

Live preview Loaders

Knob Turn

Knob turning back and forth.

#animation #gradient #transform

Live preview Loaders

Knot Tie

Loop tightening into a knot shape.

#animation #transform #border

Live preview Loaders

Labyrinth

Concentric labyrinth spiral rotating.

#animation #gradient #transform

Live preview Loaders

Lamp Glow

Oil lamp with glowing flame.

#animation #gradient #transform

Live preview Loaders

Lattice Blink

Diagonal lattice pattern blinking.

#animation #transform

Live preview Loaders

LED Display

LED display with shifting numbers.

#animation #shadow

Live preview Loaders

Lemon Squeeze

Lemon being squeezed.

#animation #gradient #transform

Live preview Loaders

Level Balance

Spirit level with bubble in tube.

#animation #gradient #transform

Live preview Loaders

Level Bubble

Spirit level with bubble sliding to find center.

#animation #gradient #shadow

Live preview Loaders

Lever Rock

Lever rocking on fulcrum.

#animation #transform #border

Live preview Loaders

Lighter Flame

Lighter with flickering flame.

#animation #gradient #transform

Live preview Loaders

Lighthouse Beam

Lighthouse with rotating beam.

#animation #gradient #transform

Live preview Loaders

Lighthouse Beam Sweep

Lighthouse with sweeping beam.

#animation #gradient #transform

Live preview Loaders

Lightning Bolt

Lightning bolt flashing on and off during a storm.

#animation #transform #shadow

Live preview Loaders

Line Flow

Horizontal lines flowing across.

#animation #gradient

Live preview Loaders

Line Stretch Pulse

Vertical lines stretching in sequence.

#animation

Live preview Loaders

Lollipop Spin

Lollipop spinning spiral.

#animation #gradient #transform

Live preview Loaders

Lunar Module

Lunar module descending with thrusters.

#animation #gradient #transform

Live preview Loaders

Maracas Shake

Maracas shaking rhythmically.

#animation #gradient #transform

Live preview Loaders

Marathon Run

Runner sprinting on track.

#animation #gradient #transform

Live preview Loaders

Marimba Mallet

Marimba mallet bouncing between two wooden bars.

#animation #gradient #transform

Live preview Loaders

Marquee Bulb

Theater marquee bulbs chasing in sequence.

#animation #shadow

Live preview Loaders

Mars Rover

Mars rover rolling across terrain.

#animation #gradient #transform

Live preview Loaders

Maze Trace

Path tracing through a maze pattern.

#animation

Live preview Loaders

Mechanical Clock

Mechanical clock with ticking hands.

#animation #gradient #transform

Live preview Loaders

Mesh Pulse

Mesh of dots pulsing outward from center.

#animation #transform

Live preview Loaders

Meteor Shower

Multiple meteors falling diagonally.

#animation #gradient #transform

Live preview Loaders

Meter Dial

Analog meter dial sweeping.

#animation #gradient #transform

Live preview Loaders

Metronome

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

#gradient #animation #border

Live preview Loaders

Microburst

Microburst of downward wind.

#animation #gradient #transform

Live preview Loaders

Microphone Feedback

Microphone emitting feedback waves.

#animation #gradient #transform

Live preview Loaders

Milk Splash

Milk glass with splash droplets.

#animation #gradient #transform

Live preview Loaders

Milky Way

Milky Way band of stars flowing.

#animation #gradient

Live preview Loaders

Mirage

Mirage shimmering in the desert.

#animation #gradient #transform

Live preview Loaders

Mirror Ball

Mirror ball with sparkle highlights.

#animation #gradient #transform

Live preview Loaders

Mirror Shine

Light reflecting off mirror surface.

#animation #gradient

Live preview Loaders

Mist Roll

Low mist rolling across the ground.

#animation #gradient #filter

Live preview Loaders

Moire Shift

Overlapping grids creating moire pattern.

#animation #gradient #transform

Live preview Loaders

Monsoon

Monsoon heavy rain falling.

#animation #gradient

Live preview Loaders

Monster Truck

Monster truck bouncing on giant tires with crash impact.

#animation #gradient #transform

Live preview Loaders

Moon Orbit

Moon revolving around a planet.

#animation #gradient #transform

Live preview Loaders

Moon Phase

Moon cycling through its phases from new to full.

#animation #transform

Live preview Loaders

Shape Morph Cycle

Morphing between circle, square, and triangle.

#animation #gradient #transform

Live preview Loaders

Morse Beacon

Blinking beacon signaling SOS in Morse code.

#animation #shadow #border

Live preview Loaders

Motor Hum

Electric motor humming with vibration.

#animation #gradient #transform

Live preview Loaders

Mountain Peak

Mountain peak with snow blowing off the summit.

#animation #gradient

Live preview Loaders

Muffin Rise

Muffin rising in oven.

#animation #gradient #transform

Live preview Loaders

Mummy Wrap

Mummy bandage wrapping around.

#animation #gradient #transform

Live preview Loaders

Mushroom Grow

Mushroom cap pulsing as the stem grows taller.

#animation #gradient

Live preview Loaders

Music Note Bounce

Music note bouncing on staff.

#animation #transform

Live preview Loaders

Nebula Cloud

Nebula cloud with shifting colors.

#animation #gradient #transform

Live preview Loaders

Neon Flicker

Neon sign flickering on and off.

#animation #shadow #border

Live preview Loaders

Neutron Star

Dense neutron star spinning rapidly.

#animation #gradient #transform

Live preview Loaders

Nimbus

Dark nimbus rain cloud.

#animation #gradient #transform

Browse by category

Popular tags