# animation CSS effects

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

Pilgrim Hat

Pilgrim hat with shiny buckle.

Live preview Loaders

Pillar Arch

Stone archway with pillar pulsing.

#animation #gradient #filter

Live preview Loaders

Pillar Column

Classical column with capital.

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

Heptagon Rotate

Seven-sided polygon rotating.

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

Popcorn Popper

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

Pretzel Twist

Pretzel with twisting arms.

Live preview Loaders

Prevailing Wind

Prevailing wind direction arrows.

#animation #border

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

Ring Expand

Three rings expanding outward in sequence.

#animation #gradient #border

Live preview Loaders

Ring Toss Post

Ring being tossed on post.

Live preview Loaders

Elastic Ring Wobble

Ring wobbling elastically.

Live preview Loaders

Gymnastic Rings Swing

Gymnast swinging on rings.

#animation #border #transform

Live preview Loaders

Ripple Wave

Concentric ripples expanding outward and fading away.

Live preview Loaders

Ripple Square Pulse

Square ripple pulsing outward.

Live preview Loaders

River Flow

River flowing between two green banks with ripples.

Live preview Loaders

Rocket Launch

Rocket ship blasting off with flames trailing below.

Live preview Loaders

Rocket Trail

Rocket with flame trail flying upward.

Live preview Loaders

Roller Coaster

A cart riding up and down a wavy roller coaster track.

Live preview Loaders

Roller Skate

Roller skate with four spinning wheels under the boot.