Most Popular CSS Effects (Page 73)

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

Live preview Loaders

Nixie Tube

Vintage nixie tube glowing and flickering with warm orange light.

#animation #gradient #shadow

Live preview Loaders

Noodle Slurp

Noodles slurping up.

#animation #gradient #transform

Live preview Loaders

Northern Lights

Northern lights waving in night sky.

#animation #gradient #transform

Live preview Loaders

Nut and Bolt

Hex nut spinning down the threads of a bolt.

#animation #gradient #transform

Live preview Loaders

Obelisk Rise

Obelisk rising with glow.

#animation #gradient #shadow

Live preview Loaders

Observatory Dome

Observatory dome rotating with slit.

#animation #gradient #transform

Live preview Loaders

Ocean Wave

Ocean waves rolling with foam cresting on top.

#animation #gradient #transform

Live preview Loaders

Octagon 3D Flip

Octagon flipping in 3D space.

#animation #gradient #transform

Live preview Loaders

Octahedron Spin

Eight-faced polyhedron rotating.

#animation #transform #3d

Live preview Loaders

Octagon Flip

Octagon flipping on its axis in 3D.

#animation #transform

Live preview Loaders

Octopus Arms

Octopus with eight arms waving in the water.

#animation #gradient #transform

Live preview Loaders

Odometer

Odometer digits rolling over like a slot machine.

#animation #transform #shadow

Live preview Loaders

Odometer Flip

Odometer digits rolling.

#animation #gradient

Live preview Loaders

OKLCH Spectrum Loader

Every segment is one OKLCH hue step, so the ring stays perceptually even in brightness.

#animation #transform #oklch

Browse by category

Popular tags