# animation CSS effects

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

Pac-Man Chase

Pac-Man chasing a ghost across the screen in a loop.

#animation

Live preview Loaders

Pagoda Tier

Pagoda with tiered roofs.

#animation #gradient #border

Live preview Loaders

Paint Roller

Paint roller rolling color across a wall stripe.

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.

#gradient #animation #shadow

Live preview Loaders

Pendulum Swing

A weighted pendulum swinging back and forth from a fixed pivot.

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

Ping Pong

Table tennis ball bouncing between two paddles.

Live preview Loaders

Pirate Ship

Pendulum pirate ship swinging higher with each pass.

#animation #transform #shadow

Live preview Loaders

Pixel Flame

Pixelated campfire flame flickering upward.

Live preview Loaders

Pixel Heart

8-bit pixelated heart beating in retro arcade style.

#animation #transform #shadow

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

Pneumatic Cylinder

Pneumatic cylinder extending piston.

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

Polygon Morph

Polygon morphing through different side counts.

#animation

Live preview Loaders

Pommel Horse Spin

Gymnast spinning on pommel horse.

Live preview Loaders

Pong Paddle

Classic Pong paddles bouncing a square ball back and forth.

#animation

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

Power Pylon

Power pylon with flowing current.

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

Projector

Movie projector with light beam.

Live preview Loaders

Propeller Spin

Airplane propeller spinning.

Live preview Loaders

Protractor Angle

Protractor with rotating angle arm.

Live preview Loaders

Puddle Ripple

Ripples expanding outward in a puddle from a drop.

Live preview Loaders

Pulley Lift

Pulley lifting a load on rope.

Live preview Loaders

Pullup Bar

Figure doing pullup on bar.

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

Pump Stroke

Pump handle stroking up and down.

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.

#gradient #animation #shadow

Live preview Loaders

Radar Sweep

A green radar scope with a rotating conic sweep and a glowing dot.

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

Rain Drop

Raindrops falling continuously from above.

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

Rainbow Fade

Rainbow colors fading through spectrum.

Live preview Loaders

Rainbow Stripes Flow

Diagonal rainbow stripes flowing across.

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.

Live preview Loaders

Dual Ring Loader

Two arcs spin in opposite directions inside one another at different speeds.