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

Wobble Rotate

Element wobbles with rotational sway on hover.

#hover #animation #transform

Live preview Hover

Wobble Rotational

Full rotational wobble on hover.

#hover #animation #transform

Live preview Hover

X-Ray Vision

Inverted x-ray style on hover.

#hover #transform #shadow

Live preview Hover

Yellow Shift

Hue rotates to yellow on hover.

#hover #transform #filter

Live preview Hover

Zoom Blur Reveal

Element zooms with blur to reveal on hover.

#hover #transform #filter

Live preview Hover

Zoom Jump

Zoom and jump combined on hover.

#hover #transform

Live preview Hover

Zoom Spin

Zoom then spin transform on hover.

#hover #transform

Live preview Hover

Zoom Tilt

Zoom with tilt transform on hover.

#hover #transform

Live preview Loaders

Accordion Bellows

Accordion bellows expanding and contracting.

#animation #gradient #transform

Live preview Loaders

Airplane Propeller

Airplane propeller spinning rapidly with motion blur.

#animation #gradient #transform

Live preview Loaders

Alien Spaceship

Flying saucer hovering with bobbing motion.

#animation #gradient #transform

Live preview Loaders

Amp Tube Glow

Vacuum tube amplifier glowing.

#animation #gradient #transform

Live preview Loaders

Antimatter

Antimatter particles annihilating.

#animation #gradient #transform

Live preview Loaders

Arc Bounce Swing

Arc swinging like a pendulum and bouncing.

#animation #transform #border

Live preview Loaders

Arcade Token

Arcade token spinning in air.

#animation #gradient #transform

Live preview Loaders

Arch Keystone

Arch with pulsing keystone.

#animation #gradient #transform

Live preview Loaders

Archery Bow

Bow drawing arrow back.

#animation #gradient #transform

Live preview Loaders

Arrow Bounce

Arrow bouncing up and down with shadow.

#animation #transform #border

Live preview Loaders

Arrow Stream

Three arrows streaming forward in sequence.

#animation #transform #border

Live preview Loaders

Arrow Volley

Arrows flying in volley.

#animation #transform #border

Live preview Loaders

Ash Fall

Ash particles floating down.

#animation #transform

Live preview Loaders

Astrolabe

Astrolabe with rotating rings.

#animation #gradient #transform

Live preview Loaders

Astrology Sign

Glowing astrology symbol pulsing.

#animation #transform #shadow

Live preview Loaders

Atomic Clock

Atomic clock with pulsing atom symbol.

#animation #gradient #transform

Live preview Loaders

Axle Spin

Axle spinning between wheels.

#animation #gradient #transform

Live preview Loaders

Badminton Shuttle

Badminton shuttlecock arcing through the air.

#animation #gradient #transform

Live preview Loaders

Bagel Bite

Bagel being bitten.

#animation #gradient #transform

Live preview Loaders

Balloon Release

Balloons being released upward.

#animation #transform

Live preview Loaders

Balloon Rise

Balloon rising into the sky.

#animation #gradient #transform

Live preview Loaders

Striped Bar Loader

An indeterminate progress bar with candy stripes scrolling behind the fill.

#animation #gradient #transform

Live preview Loaders

Equalizer Bars

Five green bars pulsing like an audio equalizer from the bottom.

#gradient #animation #border

Live preview Loaders

Basketball Bounce

Basketball bouncing with rotation and shadow.

#animation #gradient #transform

Live preview Loaders

Bat Fly Moon

Bat flying past the moon.

#animation #gradient #transform

Live preview Loaders

Bee Buzz

Bee buzzing in a figure-eight with blurry wings.

#animation #gradient #transform

Live preview Loaders

Beer Foam

Beer with rising foam.

#animation #gradient #transform

Live preview Loaders

Bend Stretch Arc

Arc bending and stretching.

#animation #transform #border

Live preview Loaders

Bicycle Pedal

Bicycle crank spinning with pedals going around.

#animation #gradient #transform

Live preview Loaders

Bike Chain

Bicycle chain links rotating around two sprockets.

#animation #gradient #transform

Live preview Loaders

Bingo Ball

Bingo ball popping up.

#animation #gradient #transform

Live preview Loaders

Bird Flap

Bird flapping its wings to stay aloft.

#animation #gradient #transform

Live preview Loaders

Organic Blob Morph

Organic blob morphing smoothly.

#animation #gradient #transform

Live preview Loaders

Blue Giant

Blue giant star flickering.

#animation #gradient #transform

Live preview Loaders

Bobsled Run

Bobsled racing down track.

#animation #gradient #transform

Live preview Loaders

Bonfire

Large bonfire with multiple flames.

#animation #gradient #transform

Live preview Loaders

Bongo Drum

Bongo drums being played.

#animation #gradient #transform

Live preview Loaders

Bonsai Sway

Bonsai tree with twisted trunk gently swaying in the breeze.

#animation #gradient #transform

Live preview Loaders

Bouncing Dots

Three colorful dots bouncing up and down in sequence.

#animation #border #transform

Live preview Loaders

Bow Arrow Pull

Bow string being pulled with arrow.

#animation #gradient #transform

Live preview Loaders

Bowling Pin Fall

Bowling pins falling in sequence.

#animation #gradient #transform

Live preview Loaders

Bowling Strike

Bowling ball rolling into pins and knocking them down.

#animation #gradient #transform

Live preview Loaders

Braid Spin

Three-strand braid spinning around.

#animation #transform

Live preview Loaders

Breeze

Gentle breeze lines drifting.

#animation #transform

Live preview Loaders

Brick Stack

Bricks stacking in sequence.

#animation #gradient #transform

Live preview Loaders

Bubble Blow

Bubbles blowing and floating.

#animation #gradient #transform

Live preview Loaders

Bubble Pop

Bubbles rising and popping.

#animation #transform #border

Live preview Loaders

Rising Bubbles

Translucent cyan bubbles rising and drifting up through water.

#gradient #animation #border

Live preview Loaders

Bulldozer

Bulldozer pushing dirt with its angled blade.

#animation #gradient #transform

Live preview Loaders

Bunny Hop Egg

Bunny hopping with Easter egg.

#animation #gradient #transform

Live preview Loaders

Burger Flip

Burger patty flipping.

#animation #gradient #transform

Live preview Loaders

Button Press

Button being pressed in.

#animation #gradient #transform

Live preview Loaders

Cabasa Shake

Cabasa with beaded cylinder shaking.

#animation #gradient #transform

Live preview Loaders

Cactus Sway

Desert cactus gently swaying with arms outstretched.

#animation #gradient #transform

Live preview Loaders

Cake Candle

Birthday cake with flickering candle.

#animation #gradient #transform

Live preview Loaders

Calendar Flip

Calendar pages flipping.

#animation #gradient #transform

Live preview Loaders

Campfire

Campfire with logs and flickering flames above.

#animation #gradient #transform

Live preview Loaders

Campfire Blaze

Campfire with dancing flames.

#animation #gradient #transform

Live preview Loaders

Card Trick Flip

Playing card flipping in magic trick.

#animation #gradient #transform

Live preview Loaders

Cassette Tape

Audio cassette with two reels spinning in sync.

#animation #gradient #transform

Live preview Loaders

Castanet Click

Castanets clicking together.

#animation #gradient #transform

Live preview Loaders

Cat Paw

Cat paw kneading rhythmically with paw beans showing.

#animation #gradient #transform

Live preview Loaders

Catapult Launch

Catapult launching a stone.

#animation #transform

Live preview Loaders

CD Spin

Compact disc spinning with rainbow light reflections.

#animation #gradient #transform

Live preview Loaders

Cello Bow

Cello being bowed across strings.

#animation #gradient #transform

Live preview Loaders

Celtic Knot

Celtic knot pattern with rotating rings.

#animation #transform #border

Live preview Loaders

Chain Drive

Bicycle chain moving over sprockets.

#animation #gradient #transform

Live preview Loaders

Champagne Cork Pop

Champagne cork popping with bubbles.

#animation #gradient #transform

Live preview Loaders

Checker Flip Board

Checkerboard squares flipping in sequence.

#animation #transform

Live preview Loaders

Chimney Smoke

Chimney puffing smoke rings.

#animation #gradient #transform

Live preview Loaders

Casino Chip Stack

Casino chips stacking up and sliding off in a loop.

#animation #gradient #transform

Live preview Loaders

Chocolate Drip

Chocolate dripping down.

#animation #gradient #transform

Live preview Loaders

Chronometer

Marine chronometer with rotating hands.

#animation #gradient #transform

Live preview Loaders

Cinema Reel

Cinema film reel spinning.

#animation #gradient #transform

Live preview Loaders

Concentric Circles

Concentric circles pulsing inward.

#animation #transform #border

Live preview Loaders

Circle Merge Split

Two circles merging and splitting apart.

#animation #transform #filter

Live preview Loaders

Cirrus

Wispy cirrus clouds drifting.

#animation #gradient #transform

Live preview Loaders

Clamp Squeeze

C-clamp tightening around a wooden block.

#animation #gradient #transform

Live preview Loaders

Clarinet Reed

Clarinet reed vibrating.

#animation #gradient #transform

Live preview Loaders

Climbing Carabiner

Carabiner clipping rope.

#animation #transform #border

Live preview Loaders

Clock Spinner

A clock face with hour and minute hands ticking at different speeds.

#animation #shadow #border

Live preview Loaders

Clock Tower

Clock tower with moving hands.

#animation #gradient #transform

Live preview Loaders

Cloud Drift

Fluffy clouds drifting across a blue sky.

#animation #gradient #transform

Live preview Loaders

Clover Spin

Four-leaf clover spinning to bring good luck.

#animation #gradient #transform

Live preview Loaders

Clown Nose

Clown nose with squeak bounce.

#animation #gradient #transform

Live preview Loaders

Cocktail Shaker

Bartender shaking a cocktail shaker vigorously.

#animation #gradient #transform

Live preview Loaders

Coffee Cup

Steaming coffee cup with vapor rising in wavy streams.

#animation #gradient #transform

Live preview Loaders

Coffee Grinder

Manual coffee grinder with crank turning and beans dropping.

#animation #gradient #transform

Effects tagged #transform

Popular tags