# transform CSS effects

Live preview Loaders

Nimbus

Dark nimbus rain cloud.

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

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.

Live preview Loaders

Odometer

Odometer digits rolling over like a slot machine.

#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.

Live preview Loaders

Orbit Dots Loader

Three dots ride an invisible orbit at staggered offsets around a still centre.

Live preview Loaders

Organ Pipe

Organ pipes with flowing air.

Live preview Loaders

Ornament Twirl

Christmas ornament spinning.

Live preview Loaders

Owl Blink

Owl with large eyes blinking while perched on a branch.

Live preview Loaders

Pagoda Tier

Pagoda with tiered roofs.

Live preview Loaders

Paintbrush Stroke

Paintbrush sweeping back and forth painting a stripe.

Live preview Loaders

Pancake Flip

Pancake flipping in pan.

Live preview Loaders

Parachute

Parachute slowly descending with cords swaying.

Live preview Loaders

Confetti Rain

Confetti falling from above.

Live preview Loaders

Party Horn Blow

Party horn unrolling with sound.

Live preview Loaders

Pedal Press

Foot pedal being pressed.

Live preview Loaders

Pendulum Swing

Pendulum swinging on pivot.

Live preview Loaders

Penguin Waddle

Penguin wobbling side to side as it walks on ice.

Live preview Loaders

Penrose Triangle

Impossible triangle rotating endlessly.

Live preview Loaders

Pentagon Orbit Quintet

Five dots orbiting in a pentagon pattern.

#animation #transform #filter

Live preview Loaders

Pentagon Rotate

Pentagon rotating while pulsing color.

Live preview Loaders

Pepper Grind

Pepper mill grinding peppercorns.

Live preview Loaders

Pepper Mill

Wooden pepper mill being twisted to grind peppercorns.

Live preview Loaders

Piano Key Press

Piano keys being pressed in sequence.

Live preview Loaders

Piano Keys

Piano keyboard with keys pressing down in sequence.

Live preview Loaders

Pickaxe Swing

Pickaxe swinging down to strike rock.

Live preview Loaders

Pie Slice

Pie slice with steam.

Live preview Loaders

Pillar Arch

Stone archway with pillar pulsing.

Live preview Loaders

Pinball Flipper

Pinball flippers batting a ball back and forth.

Live preview Loaders

Pinch Puppet

Puppet bobbing on string.

Live preview Loaders

Pine Cone

Pine cone with scales opening and closing.

Live preview Loaders

Pirate Ship

Pendulum pirate ship swinging higher with each pass.

Live preview Loaders

Pixel Flame

Pixelated campfire flame flickering upward.

Live preview Loaders

Pixel Heart

8-bit pixelated heart beating in retro arcade style.

Live preview Loaders

Pizza Cutter

Pizza cutter wheel rolling across a slice.

Live preview Loaders

Pizza Spin

Spinning pizza slice.

Live preview Loaders

Planet Orbit

Planet revolving around a sun.

Live preview Loaders

Planetarium

Dome with stars projected rotating.

Live preview Loaders

Planetary Gear

Planetary gear system orbiting.

Live preview Loaders

Pliers Grip

Pliers opening and closing their jaws in a grip motion.

Live preview Loaders

Plumb Bob

Plumb bob swaying from a taut string to find vertical.

Live preview Loaders

Poker Chip

3D poker chip flipping and spinning in midair.

Live preview Loaders

Polaroid Flash

Polaroid camera flash bulb charging and discharging.

Live preview Loaders

Pommel Horse Spin

Gymnast spinning on pommel horse.

Live preview Loaders

Pop Cycle Scale

Shape popping and cycling scale.

Live preview Loaders

Popcorn Pop

Popcorn kernels popping.

Live preview Loaders

Popsicle Drip

Popsicle with dripping juice.

Live preview Loaders

Portal Vortex

Swirling portal vortex.

Live preview Loaders

Portcullis Drop

Portcullis gate dropping and rising.

Live preview Loaders

Potion Bubble

Potion flask with rising bubbles.

Live preview Loaders

Pressure Valve

Pressure cooker valve rocking back and forth releasing steam.

Live preview Loaders

Prism Light

Light splitting through prism into rainbow.

Live preview Loaders

Prism Rotate

Triangular prism rotating in 3D.

#animation #transform #rotate

Live preview Loaders

Progress Circle

An SVG circle with a sweeping arc that grows and shrinks while rotating.

Live preview Loaders

Progress Steps

Five horizontal step segments filling in sequence with a cyan-blue gradient.

#gradient #animation #border

Live preview Loaders

Propeller Spin

Airplane propeller spinning.

Live preview Loaders

Protractor Angle

Protractor with rotating angle arm.

Live preview Loaders

Pulley Lift

Pulley lifting a load on rope.

Live preview Loaders

Pulsar

Pulsar emitting beams in rhythmic pulses.

#animation #shadow #border

Live preview Loaders

Pulse Dots

Three dots scaling and glowing in a staggered pulse sequence.

Live preview Loaders

Pulse Grid Loader

A nine cell grid where each square fades in on a diagonal delay wave.

Live preview Loaders

Pulse Meter

Heart pulse meter with ECG line.

#animation #shadow #border

Live preview Loaders

Pulse Ring

A ring that pulses outward around a glowing core dot.

Live preview Loaders

Pulse Stripe Bar

Striped bar pulsing with color shift.

Live preview Loaders

Pumpkin Carve

Pumpkin with glowing carved face.

Live preview Loaders

Pushup

Figure doing pushup motion.

Live preview Loaders

Spinning Pyramid

An amber triangle spinning on its vertical axis like a 3D pyramid.

#gradient #animation #3d

Live preview Loaders

3D Pyramid

Pyramid rotating in 3D space.

Live preview Loaders

Pyramid Block

Pyramid block rising with sun.

Live preview Loaders

Square Quad Orbit

Four dots orbiting in a square pattern.

Live preview Loaders

Quartz Clock

Quartz clock with smooth second hand.

Live preview Loaders

Quasar

Quasar emitting twin jets of energy.

Live preview Loaders

Rabbit Hop

Rabbit hopping in arcs with ears flopping.

Live preview Loaders

Rack and Pinion

Rack and pinion steering mechanism.

Live preview Loaders

Radar Sweep

Radar screen with sweeping line.

Live preview Loaders

Radio Dial

Analog radio needle sweeping across a frequency dial.

Live preview Loaders

Rainbow Arc

Rainbow arc being drawn across the sky in colored bands.

Live preview Loaders

Double Rainbow

Double rainbow arcing across sky.

Live preview Loaders

Ramen Steam

Ramen bowl with rising steam.

Live preview Loaders

Red Giant

Red giant star pulsing slowly.

Live preview Loaders

Reel-to-Reel

Studio reel-to-reel tape decks spinning with magnetic tape.

Live preview Loaders

Reindeer Leap

Reindeer leaping through snow.

Live preview Loaders

Relay Baton Pass

Relay baton being passed.