#transform CSS effects

5,986 free, pure-CSS effects match the "transform" tag. Each is copy-ready and needs no library or build step.

Live preview Loaders

Penguin Waddle

Penguin wobbling side to side as it walks on ice.

#animation #gradient #transform

Live preview Loaders

Penrose Triangle

Impossible triangle rotating endlessly.

#animation #gradient #transform

Live preview Loaders

Pentagon Orbit Quintet

Five dots orbiting in a pentagon pattern.

#animation #transform

Live preview Loaders

Pentagon Rotate

Pentagon rotating while pulsing color.

#animation #transform #filter

Live preview Loaders

Pepper Grind

Pepper mill grinding peppercorns.

#animation #gradient #transform

Live preview Loaders

Pepper Mill

Wooden pepper mill being twisted to grind peppercorns.

#animation #gradient #transform

Live preview Loaders

Piano Key Press

Piano keys being pressed in sequence.

#animation #gradient #transform

Live preview Loaders

Piano Keys

Piano keyboard with keys pressing down in sequence.

#animation #gradient #transform

Live preview Loaders

Pickaxe Swing

Pickaxe swinging down to strike rock.

#animation #gradient #transform

Live preview Loaders

Pie Slice

Pie slice with steam.

#animation #gradient #transform

Live preview Loaders

Pillar Arch

Stone archway with pillar pulsing.

#animation #gradient #transform

Live preview Loaders

Pinball Flipper

Pinball flippers batting a ball back and forth.

#animation #gradient #transform

Live preview Loaders

Pinch Puppet

Puppet bobbing on string.

#animation #gradient #transform

Live preview Loaders

Pine Cone

Pine cone with scales opening and closing.

#animation #gradient #transform

Live preview Loaders

Pirate Ship

Pendulum pirate ship swinging higher with each pass.

#animation #gradient #transform

Live preview Loaders

Pixel Flame

Pixelated campfire flame flickering upward.

#animation #transform #shadow

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.

#animation #gradient #transform

Live preview Loaders

Pizza Spin

Spinning pizza slice.

#animation #gradient #transform

Live preview Loaders

Planet Orbit

Planet revolving around a sun.

#animation #gradient #transform

Live preview Loaders

Planetarium

Dome with stars projected rotating.

#animation #gradient #transform

Live preview Loaders

Planetary Gear

Planetary gear system orbiting.

#animation #gradient #transform

Live preview Loaders

Pliers Grip

Pliers opening and closing their jaws in a grip motion.

#animation #gradient #transform

Live preview Loaders

Plumb Bob

Plumb bob swaying from a taut string to find vertical.

#animation #gradient #transform

Live preview Loaders

Poker Chip

3D poker chip flipping and spinning in midair.

#animation #gradient #transform

Live preview Loaders

Polaroid Flash

Polaroid camera flash bulb charging and discharging.

#animation #gradient #transform

Live preview Loaders

Pommel Horse Spin

Gymnast spinning on pommel horse.

#animation #gradient #transform

Live preview Loaders

Pop Cycle Scale

Shape popping and cycling scale.

#animation #transform

Live preview Loaders

Popcorn Pop

Popcorn kernels popping.

#animation #gradient #transform

Live preview Loaders

Popsicle Drip

Popsicle with dripping juice.

#animation #gradient #transform

Live preview Loaders

Portal Vortex

Swirling portal vortex.

#animation #gradient #transform

Live preview Loaders

Portcullis Drop

Portcullis gate dropping and rising.

#animation #gradient #transform

Live preview Loaders

Potion Bubble

Potion flask with rising bubbles.

#animation #gradient #transform

Live preview Loaders

Pressure Valve

Pressure cooker valve rocking back and forth releasing steam.

#animation #gradient #transform

Live preview Loaders

Prism Light

Light splitting through prism into rainbow.

#animation #gradient #transform

Live preview Loaders

Prism Rotate

Triangular prism rotating in 3D.

#animation #transform #border

Live preview Loaders

Progress Circle

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

#animation #transform #rotate

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.

#animation #gradient #transform

Live preview Loaders

Protractor Angle

Protractor with rotating angle arm.

#animation #transform

Live preview Loaders

Puddle Ripple

Ripples expanding outward in a puddle from a drop.

#animation #transform #border

Live preview Loaders

Pulley Lift

Pulley lifting a load on rope.

#animation #transform

Live preview Loaders

Pulsar

Pulsar emitting beams in rhythmic pulses.

#animation #gradient #transform

Live preview Loaders

Pulse Dots

Three dots scaling and glowing in a staggered pulse sequence.

#animation #shadow #border

Live preview Loaders

Pulse Grid Loader

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

#animation #transform

Live preview Loaders

Pulse Meter

Heart pulse meter with ECG line.

#animation #transform

Live preview Loaders

Pulse Ring

A ring that pulses outward around a glowing core dot.

#animation #shadow #border

Live preview Loaders

Pulse Stripe Bar

Striped bar pulsing with color shift.

#animation #gradient #transform

Live preview Loaders

Pumpkin Carve

Pumpkin with glowing carved face.

#animation #gradient #transform

Live preview Loaders

Pushup

Figure doing pushup motion.

#animation #gradient #transform

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.

#animation #transform #border

Live preview Loaders

Pyramid Block

Pyramid block rising with sun.

#animation #gradient #transform

Live preview Loaders

Square Quad Orbit

Four dots orbiting in a square pattern.

#animation #transform

Live preview Loaders

Quartz Clock

Quartz clock with smooth second hand.

#animation #gradient #transform

Live preview Loaders

Quasar

Quasar emitting twin jets of energy.

#animation #gradient #transform

Live preview Loaders

Rabbit Hop

Rabbit hopping in arcs with ears flopping.

#animation #gradient #transform

Live preview Loaders

Rack and Pinion

Rack and pinion steering mechanism.

#animation #gradient #transform

Live preview Loaders

Radar Sweep

Radar screen with sweeping line.

#animation #gradient #transform

Live preview Loaders

Radio Dial

Analog radio needle sweeping across a frequency dial.

#animation #gradient #transform

Live preview Loaders

Rainbow Arc

Rainbow arc being drawn across the sky in colored bands.

#animation #transform #border

Live preview Loaders

Double Rainbow

Double rainbow arcing across sky.

#animation #transform #border

Live preview Loaders

Ramen Steam

Ramen bowl with rising steam.

#animation #gradient #transform

Live preview Loaders

Red Giant

Red giant star pulsing slowly.

#animation #gradient #transform

Live preview Loaders

Reel-to-Reel

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

#animation #gradient #transform

Live preview Loaders

Reindeer Leap

Reindeer leaping through snow.

#animation #gradient #transform

Live preview Loaders

Relay Baton Pass

Relay baton being passed.

#animation #gradient #transform

Live preview Loaders

Dual Ring Loader

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

#animation #transform #border

Live preview Loaders

Ring Expand

Three rings expanding outward in sequence.

#animation #transform #border

Live preview Loaders

Elastic Ring Wobble

Ring wobbling elastically.

#animation #transform #border

Live preview Loaders

Gymnastic Rings Swing

Gymnast swinging on rings.

#animation #transform #border

Live preview Loaders

Ripple Wave

Concentric ripples expanding outward and fading away.

#animation #border #transform

Live preview Loaders

Ripple Square Pulse

Square ripple pulsing outward.

#animation #transform #border

Live preview Loaders

Rocket Launch

Rocket ship blasting off with flames trailing below.

#animation #gradient #transform

Live preview Loaders

Rocket Trail

Rocket with flame trail flying upward.

#animation #gradient #transform

Live preview Loaders

Roller Coaster

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

#animation #gradient #transform

Live preview Loaders

Roller Skate

Roller skate with four spinning wheels under the boot.

#animation #gradient #transform

Live preview Loaders

Roof Tile Flow

Roof tiles with shimmer flow.

#animation #gradient #transform

Live preview Loaders

Rose Petal Fall

Rose petals falling gracefully.

#animation #gradient #transform

Live preview Loaders

Rotary Phone

Rotary phone dial spinning back after each digit.

#animation #gradient #transform

Live preview Loaders

Rotor Blade

Helicopter rotor blade spinning.

#animation #gradient #transform

Live preview Loaders

Roulette Ball

A ball orbiting the rim of a roulette wheel.

#animation #gradient #transform

Live preview Loaders

Rubik's Cube

Rubik's cube faces rotating.

#animation #gradient #transform

Live preview Loaders

Sailboat

Sailboat bobbing on the waves with its sail puffed by wind.

#animation #gradient #transform

Live preview Loaders

Salt Shaker

Salt shaker tipping over to sprinkle grains onto a plate.

#animation #gradient #transform

Live preview Loaders

Sandstorm

Sandstorm particles swirling.

#animation #gradient #transform

Live preview Loaders

Sandwich Stack

Sandwich layers stacking.

#animation #transform

Live preview Loaders

Saw Blade

Circular saw blade spinning with toothed edge.

#animation #gradient #transform

Live preview Loaders

Balance Scale

Balance scale tipping back and forth.

#animation #transform

Live preview Loaders

Scooter

Kick scooter with a wheel spinning and deck for the rider.

#animation #gradient #transform

Live preview Loaders

Screwdriver

Screwdriver turning a screw deeper into material.

#animation #gradient #transform

Live preview Loaders

Scroll Unfurl

Ancient scroll unfurling.

#animation #gradient #transform

Live preview Loaders

Seahorse

Seahorse bobbing upright with curled tail.

#animation #gradient #transform

Live preview Loaders

Seaweed Sway

Underwater seaweed strands swaying in the current.

#animation #gradient #transform

Live preview Loaders

Sector Rotate

Pie sector rotating around its center.

#animation #gradient #transform

Live preview Loaders

Seesaw Plank

A purple plank tilting on a pivot with two balls bouncing at the ends.

#gradient #animation #border

Popular tags