#transform CSS effects

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

Live preview Loaders

Mesh Pulse

Mesh of dots pulsing outward from center.

#animation #transform

Live preview Loaders

Meteor Shower

Multiple meteors falling diagonally.

#animation #gradient #transform

Live preview Loaders

Meter Dial

Analog meter dial sweeping.

#animation #gradient #transform

Live preview Loaders

Metronome

A wooden metronome body with an amber arm ticking side to side.

#gradient #animation #border

Live preview Loaders

Metronome Tick

Metronome pendulum ticking.

#animation #gradient #transform

Live preview Loaders

Microburst

Microburst of downward wind.

#animation #gradient #transform

Live preview Loaders

Microphone Feedback

Microphone emitting feedback waves.

#animation #gradient #transform

Live preview Loaders

Microwave Turntable

Microwave glass plate rotating with a glowing interior.

#animation #gradient #transform

Live preview Loaders

Milk Splash

Milk glass with splash droplets.

#animation #gradient #transform

Live preview Loaders

Mirage

Mirage shimmering in the desert.

#animation #gradient #transform

Live preview Loaders

Mirror Ball

Mirror ball with sparkle highlights.

#animation #gradient #transform

Live preview Loaders

Moire Shift

Overlapping grids creating moire pattern.

#animation #gradient #transform

Live preview Loaders

Monster Truck

Monster truck bouncing on giant tires with crash impact.

#animation #gradient #transform

Live preview Loaders

Moon Orbit

Moon revolving around a planet.

#animation #gradient #transform

Live preview Loaders

Moon Phase

Moon cycling through its phases from new to full.

#animation #transform

Live preview Loaders

Shape Morph Cycle

Morphing between circle, square, and triangle.

#animation #gradient #transform

Live preview Loaders

Motor Hum

Electric motor humming with vibration.

#animation #gradient #transform

Live preview Loaders

Muffin Rise

Muffin rising in oven.

#animation #gradient #transform

Live preview Loaders

Mummy Wrap

Mummy bandage wrapping around.

#animation #gradient #transform

Live preview Loaders

Music Note Bounce

Music note bouncing on staff.

#animation #transform

Live preview Loaders

Nebula Cloud

Nebula cloud with shifting colors.

#animation #gradient #transform

Live preview Loaders

Neutron Star

Dense neutron star spinning rapidly.

#animation #gradient #transform

Live preview Loaders

Nimbus

Dark nimbus rain cloud.

#animation #gradient #transform

Live preview Loaders

Noodle Slurp

Noodles slurping up.

#animation #gradient #transform

Live preview Loaders

Northern Lights

Northern lights waving in night sky.

#animation #gradient #transform

Live preview Loaders

Nut and Bolt

Hex nut spinning down the threads of a bolt.

#animation #gradient #transform

Live preview Loaders

Observatory Dome

Observatory dome rotating with slit.

#animation #gradient #transform

Live preview Loaders

Ocean Wave

Ocean waves rolling with foam cresting on top.

#animation #gradient #transform

Live preview Loaders

Octagon 3D Flip

Octagon flipping in 3D space.

#animation #gradient #transform

Live preview Loaders

Octahedron Spin

Eight-faced polyhedron rotating.

#animation #transform #3d

Live preview Loaders

Octagon Flip

Octagon flipping on its axis in 3D.

#animation #transform

Live preview Loaders

Octopus Arms

Octopus with eight arms waving in the water.

#animation #gradient #transform

Live preview Loaders

Odometer

Odometer digits rolling over like a slot machine.

#animation #transform #shadow

Live preview Loaders

Omelet Flip

Omelet folding in pan.

#animation #gradient #transform

Live preview Loaders

Onion Chop

Onion being chopped.

#animation #gradient #transform

Live preview Loaders

Opal Shimmer

Opal with shifting rainbow shimmer.

#animation #gradient #transform

Live preview Loaders

Orb Levitate

Mystical orb levitating with glow.

#animation #gradient #transform

Live preview Loaders

Organ Pipe

Organ pipes with flowing air.

#animation #gradient #transform

Live preview Loaders

Ornament Twirl

Christmas ornament spinning.

#animation #gradient #transform

Live preview Loaders

Owl Blink

Owl with large eyes blinking while perched on a branch.

#animation #gradient #transform

Live preview Loaders

Pagoda Tier

Pagoda with tiered roofs.

#animation #gradient #transform

Live preview Loaders

Paintbrush Stroke

Paintbrush sweeping back and forth painting a stripe.

#animation #gradient #transform

Live preview Loaders

Pancake Flip

Pancake flipping in pan.

#animation #gradient #transform

Live preview Loaders

Parachute

Parachute slowly descending with cords swaying.

#animation #gradient #transform

Live preview Loaders

Confetti Rain

Confetti falling from above.

#animation #transform

Live preview Loaders

Party Horn Blow

Party horn unrolling with sound.

#animation #gradient #transform

Live preview Loaders

Pedal Press

Foot pedal being pressed.

#animation #transform

Live preview Loaders

Pendulum Swing

Pendulum swinging on pivot.

#animation #gradient #transform

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

Pilgrim Hat

Pilgrim hat with shiny buckle.

#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

Heptagon Rotate

Seven-sided polygon rotating.

#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

Popcorn Popper

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

Pretzel Twist

Pretzel with twisting arms.

#animation #transform #border

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

Popular tags