# animation CSS effects

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 #transform #filter

Live preview Loaders

Jackpot Burst

Coins bursting outward from a central jackpot star.

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.

#animation #transform #border

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.

#animation #transform #border

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.

Live preview Loaders

Level Bubble

Spirit level with bubble sliding to find center.

#animation #transform #border

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.

#animation

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.

#animation

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.

Live preview Loaders

Shape Morph Cycle

Morphing between circle, square, and triangle.

#animation #shadow #border

Live preview Loaders

Morse Beacon

Blinking beacon signaling SOS in Morse code.

Live preview Loaders

Motor Hum

Electric motor humming with vibration.

Live preview Loaders

Mountain Peak

Mountain peak with snow blowing off the summit.

Live preview Loaders

Muffin Rise

Muffin rising in oven.

Live preview Loaders

Mummy Wrap

Mummy bandage wrapping around.

Live preview Loaders

Mushroom Grow

Mushroom cap pulsing as the stem grows taller.

Live preview Loaders

Music Note Bounce

Music note bouncing on staff.

Live preview Loaders

Nebula Cloud

Nebula cloud with shifting colors.

#animation #shadow #border

Live preview Loaders

Neon Flicker

Neon sign flickering on and off.

Live preview Loaders

Neutron Star

Dense neutron star spinning rapidly.

Live preview Loaders

Nimbus

Dark nimbus rain cloud.

Live preview Loaders

Nixie Tube

Vintage nixie tube glowing and flickering with warm orange light.

Live preview Loaders

Noodle Slurp

Noodles slurping up.

Live preview Loaders

Northern Lights

Northern lights waving in night sky.

Live preview Loaders

Nut and Bolt

Hex nut spinning down the threads of a bolt.

Live preview Loaders

Obelisk Rise

Obelisk rising with glow.

Live preview Loaders

Observatory Dome

Observatory dome rotating with slit.

Live preview Loaders

Ocean Wave

Ocean waves rolling with foam cresting on top.

Live preview Loaders

Octagon 3D Flip

Octagon flipping in 3D space.

#animation #transform #3d

Live preview Loaders

Octahedron Spin

Eight-faced polyhedron rotating.

Live preview Loaders

Octagon Flip

Octagon flipping on its axis in 3D.

Live preview Loaders

Octopus Arms

Octopus with eight arms waving in the water.

#animation #transform #shadow

Live preview Loaders

Odometer

Odometer digits rolling over like a slot machine.

Live preview Loaders

Odometer Flip

Odometer digits rolling.

#animation #transform #oklch

Live preview Loaders

OKLCH Spectrum Loader

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

Live preview Loaders

Omelet Flip

Omelet folding in pan.

Live preview Loaders

Onion Chop

Onion being chopped.

Live preview Loaders

Opal Shimmer

Opal with shifting rainbow shimmer.

Live preview Loaders

Orb Levitate

Mystical orb levitating with glow.