#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

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

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

Live preview Loaders

Segment Flip

Circle segments flipping in sequence.

#animation #transform

Live preview Loaders

Seismograph Needle

Seismograph needle vibrating.

#animation #gradient #transform

Live preview Loaders

Servo Motor

Servo motor with horn sweeping.

#animation #gradient #transform

Live preview Loaders

Shaft Rotate

Rotating shaft with markings.

#animation #gradient #transform

Live preview Loaders

Shard Spin

Sharp shards spinning around center.

#animation #transform #border

Live preview Loaders

Sheet Music Flip

Sheet music page flipping.

#animation #gradient #transform

Live preview Loaders

Shield Defend

Shield with pulsing defensive aura.

#animation #gradient #transform

Live preview Loaders

Shimmer Streak Line

Shimmer streak moving along a line.

#animation #gradient #transform

Live preview Loaders

Shovel Dig

Shovel plunging into dirt and lifting a scoop.

#animation #gradient #transform

Live preview Loaders

Sierpinski Triangle

Recursive Sierpinski triangle pattern.

#animation #transform #border

Live preview Loaders

Signal Tower

Signal tower with pulsing waves.

#animation #gradient #transform

Live preview Loaders

Sitar Strum

Indian sitar with vibrating strings.

#animation #gradient #transform

Live preview Loaders

Skateboard

Skateboard rolling with spinning wheels under the deck.

#animation #gradient #transform

Live preview Loaders

Ski Jump Launch

Skier launching off jump.

#animation #gradient #transform

Live preview Loaders

Sleet Mix

Sleet mixing rain and snow.

#animation #gradient #transform

Live preview Loaders

Slingshot Pull

Slingshot being pulled back.

#animation #gradient #transform

Live preview Loaders

Slot Machine

Three reels of colored stripes scrolling vertically at staggered speeds.

#gradient #animation #border

Live preview Loaders

Slot Reels

Three casino slot reels spinning with fruit symbols.

#animation #gradient #transform

Live preview Loaders

Smoke Rise

Smoke wisps rising up.

#animation #gradient #transform

Live preview Loaders

Snake Slither

Snake slithering in S-curves across the sand.

#animation #gradient #transform

Live preview Loaders

Snare Roll

Snare drum with rapid roll.

#animation #gradient #transform

Live preview Loaders

Snow Fall

Snowflakes gently falling.

#animation #transform

Live preview Loaders

Snow Globe Shake

Snow globe with swirling snow.

#animation #gradient #transform

Live preview Loaders

Snowboard Grind

Snowboarder grinding on rail.

#animation #gradient #transform

Live preview Loaders

Snowflake Spin

Six-armed snowflake spinning as it falls.

#animation #gradient #transform

Live preview Loaders

Snowman Build

Snowman being built with falling snow.

#animation #gradient #transform

Live preview Loaders

Soccer Kick

Soccer ball curving through the air into the goal.

#animation #gradient #transform

Live preview Loaders

Soda Fizz

Soda with fizzing bubbles.

#animation #gradient #transform

Live preview Loaders

Solar Flare

Sun emitting solar flares.

#animation #gradient #transform

Live preview Loaders

Solenoid

Solenoid plunger pulling in.

#animation #gradient #transform

Live preview Loaders

Sonar Ping

Concentric cyan sonar pings radiating outward from a central dot.

#animation #shadow #border

Live preview Loaders

Sonar Ping

Sonar ping rings expanding outward.

#animation #transform #border

Live preview Loaders

Space Station

Space station with rotating solar panels.

#animation #gradient #transform

Live preview Loaders

Sparkler Burn

Sparkler with flying sparks.

#animation #gradient #transform

Live preview Loaders

Speaker Pulse

Speaker cone pulsing with bass.

#animation #gradient #transform

Live preview Loaders

Speedometer

Car speedometer needle sweeping from 0 to max.

#animation #gradient #transform

Live preview Loaders

Sphere Spin

Sphere with rotating meridian lines.

#animation #gradient #transform

Live preview Loaders

Spider Crawl

Spider crawling on web.

#animation #gradient #transform

Live preview Loaders

Spider Web

Spider descending on a silk thread from above.

#animation #gradient #transform

Live preview Loaders

Spin the Bottle

A bottle spinning and slowing on a circular board.

#animation #gradient #transform

Live preview Loaders

Spiral Coil Zoom

Spiral coil zooming inward and outward.

#animation #gradient #transform

Live preview Loaders

Spiral Twist

Spiral shape twisting inward.

#animation #transform #border

Live preview Loaders

Spire Twist

Spire twisting upward.

#animation #gradient #transform

Live preview Loaders

Spirograph

Spirograph pattern rotating continuously.

#animation #transform #border

Live preview Loaders

Spotlight Sweep

Spotlight sweeping across stage.

#animation #gradient #transform

Live preview Loaders

Spring Roll

Spring roll rolling.

#animation #gradient #transform

Live preview Loaders

Squall

Sudden squall of wind and rain.

#animation #gradient #transform

Live preview Loaders

Square Flip Grid

Four squares flipping in 3D in a staggered wave.

#animation #3d #border

Live preview Loaders

Accordion Square Fold

Square folding like an accordion.

#animation #transform

Live preview Loaders

Square Stack

Stacked squares scaling outward.

#animation #transform #border

Live preview Loaders

Stapler Press

Stapler pressing down and firing staples into paper.

#animation #gradient #transform

Live preview Loaders

Star Burst

Five-point star bursting outward repeatedly.

#animation #transform

Live preview Loaders

Star Twinkle

Five-point star pulsing with twinkling sparkle.

#animation #transform #shadow

Live preview Loaders

Stargate

Stargate with rippling event horizon.

#animation #gradient #transform

Live preview Loaders

Stator Coil

Stator coil winding pattern.

#animation #transform

Live preview Loaders

Steam Wisps

Soft white steam puffs rising, drifting, and dissipating.

#gradient #animation #border

Live preview Loaders

Steeple Bell

Steeple with swinging bell.

#animation #gradient #transform

Live preview Loaders

Steering Wheel

Steering wheel rotating back and forth.

#animation #transform #border

Live preview Loaders

Stopwatch Tick

Stopwatch with ticking second hand.

#animation #gradient #transform

Live preview Loaders

Storm Cloud

Dark storm cloud rolling in.

#animation #gradient #transform

Live preview Loaders

Stove Burner

Gas stove burner with cycling blue flame rings.

#animation #gradient #transform

Live preview Loaders

Stratus

Flat stratus cloud layer.

#animation #gradient #transform

Live preview Loaders

Sun Shower

Sun shining while rain falls.

#animation #gradient #transform

Live preview Loaders

Sundial Shadow

Sundial with rotating shadow.

#animation #gradient #transform

Live preview Loaders

Supernova Burst

Star exploding in a supernova burst.

#animation #gradient #transform

Live preview Loaders

Surf Wave

Surfer riding the curl of an ocean wave.

#animation #gradient #transform

Live preview Loaders

Sushi Roll

Sushi roll spinning.

#animation #gradient #transform

Live preview Loaders

Suspension Bridge

Suspension bridge with flowing cables.

#animation #gradient #transform

Effects tagged #transform

Popular tags