#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

Spirograph

Spirograph pattern rotating continuously.

#animation #transform #border

Live preview Loaders

Spotlight Spin

Spotlight spinning in full circle.

#animation #gradient #transform

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

Steel Drum

Steel drum with concave surface.

#animation #gradient #transform

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

A stopwatch face with a red second hand ticking in 60 discrete steps.

#animation #border #transform

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 Rays

Sun with rotating rays around a glowing yellow center.

#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

Live preview Loaders

Swing Ride

Chair swing ride with chains tilting outward as it spins.

#animation #gradient #transform

Live preview Loaders

Sword Strike

Sword swinging with motion blur.

#animation #gradient #transform

Live preview Loaders

Synthesizer Key

Synth keys pressing with glow.

#animation #gradient #transform

Live preview Loaders

Tabla Beat

Indian tabla drums with rhythmic beat.

#animation #gradient #transform

Live preview Loaders

Taco Fold

Taco shell folding.

#animation #gradient #transform

Live preview Loaders

Tally Counter

Tally marks being added.

#animation #transform

Live preview Loaders

Tambourine Shake

Tambourine shaking with jingles.

#animation #gradient #transform

Live preview Loaders

Tea Steep

Tea bag steeping with color spread.

#animation #gradient #transform

Live preview Loaders

Teacup Ride

Spinning teacups rotating around a saucer plate.

#animation #transform #shadow

Live preview Loaders

Telegraph Tap

Telegraph key tapping out a message in Morse.

#animation #transform #shadow

Live preview Loaders

Telescope Scan

Telescope scanning across the sky.

#animation #gradient #transform

Live preview Loaders

Tempest

Violent tempest swirling.

#animation #gradient #transform

Live preview Loaders

Tennis Bounce

Tennis ball bouncing over a yellow court line.

#animation #gradient #transform

Live preview Loaders

Tetra Flip 3D

Tetrahedron flipping in 3D space.

#animation #transform #3d

Live preview Loaders

Tetrahedron Spin

3D tetrahedron rotating in space.

#animation #transform #3d

Live preview Loaders

Theremin Wave

Theremin emitting sine waves.

#animation #gradient #transform

Live preview Loaders

Tilt-A-Whirl

A tilted disk wobbling and spinning erratically.

#animation #gradient #transform

Live preview Loaders

Timing Belt

Timing belt moving over gears.

#animation #transform #border

Live preview Loaders

Timpani Roll

Timpani drum with pedal.

#animation #gradient #transform

Live preview Loaders

Toast Butter

Toast with melting butter.

#animation #gradient #transform

Live preview Loaders

Toll Gate

Toll booth barrier arm raising and lowering.

#animation #gradient #transform

Live preview Loaders

Torch Flame

Torch with tall flame.

#animation #gradient #transform

Live preview Loaders

Tornado Funnel

A narrowing stack of blue bands swaying like a spinning tornado.

#gradient #animation #border

Live preview Loaders

Tornado Funnel

Tornado funnel spinning.

#animation #transform

Live preview Loaders

Torus Roll

Torus ring rolling across the screen.

#animation #transform #border

Live preview Loaders

Tractor

Tractor with big rear wheels spinning across a field.

#animation #gradient #transform

Live preview Loaders

Tractor Beam

Tractor beam pulling object upward.

#animation #gradient #transform

Live preview Loaders

Trade Wind

Steady trade winds blowing.

#animation #transform

Live preview Loaders

Train Wheel

Steam locomotive wheel with piston rod driving back and forth.

#animation #gradient #transform

Live preview Loaders

Transmission Gear

Multi-speed transmission gears.

#animation #gradient #transform

Live preview Loaders

Trebuchet Arm

Trebuchet arm swinging.

#animation #transform

Live preview Loaders

Tree Grow

Tree growing with leaves unfurling on its branches.

#animation #gradient #transform

Live preview Loaders

Triangle Fuse Burst

Three triangles fusing and bursting outward.

#animation #transform #border

Live preview Loaders

Triangle Orbit Dots

Three colored dots orbiting in a triangular path.

#animation #transform

Live preview Loaders

Triangle Ding

Triangle instrument vibrating.

#animation #transform #border

Live preview Loaders

Triangle Spin

Equilateral triangle spinning on its center.

#animation #transform #border

Live preview Loaders

Triangle Stack

Nested triangles rotating opposite.

#animation #transform #border

Live preview Loaders

Triple Ring Pulse

Three rings pulsing outward in sequence.

#animation #transform #border

Live preview Loaders

Dump Truck

Dump truck bed tilting to release its load.

#animation #gradient #transform

Live preview Loaders

Tug of War

Rope being pulled back and forth.

#animation #gradient #transform

Live preview Loaders

Tuning Fork Vibrate

Tuning fork vibrating at frequency.

#animation #gradient #transform

Live preview Loaders

Turbine Blade

Turbine blades spinning fast.

#animation #gradient #transform

Live preview Loaders

Gas Turbine

Gas turbine with flame inside.

#animation #gradient #transform

Live preview Loaders

Steam Turbine

Steam turbine spinning fast.

#animation #gradient #transform

Live preview Loaders

Water Turbine

Water turbine with flowing water.

#animation #gradient #transform

Live preview Loaders

Wind Turbine

Wind turbine with three blades.

#animation #transform

Live preview Loaders

Turkey Feast

Roast turkey with steam.

#animation #gradient #transform

Live preview Loaders

Turtle Walk

Turtle slowly walking with shell bobbing and legs moving.

#animation #gradient #transform

Live preview Loaders

Twin Disc Shift

Twin discs shifting opposite directions.

#animation #gradient #transform

Live preview Loaders

Twin Ellipse Orbit

Two dots orbiting in elliptical paths.

#animation #transform

Live preview Loaders

Typewriter Keys

Typewriter keys stamping down in sequence.

#animation #transform #border

Live preview Loaders

Typhoon

Typhoon with spiral bands.

#animation #gradient #transform

Live preview Loaders

Ukulele Strum

Ukulele with strumming motion.

#animation #gradient #transform

Live preview Loaders

Valve Open

Valve opening and closing.

#animation #gradient #transform

Live preview Loaders

Vampire Coffin Rise

Vampire rising from coffin.

#animation #gradient #transform

Live preview Loaders

VHS Tape

VHS tape reels spinning behind a plastic window.

#animation #gradient #transform

Live preview Loaders

Vibraphone Spin

Vibraphone fans spinning above bars.

#animation #gradient #transform

Live preview Loaders

Vinyl Record

Vinyl record spinning under a tonearm needle.

#animation #gradient #transform

Live preview Loaders

Vinyl Scratch

DJ scratching vinyl record.

#animation #gradient #transform

Live preview Loaders

Volcano Erupt

Volcano erupting with lava spewing and smoke rising.

#animation #gradient #transform

Live preview Loaders

Volleyball

Volleyball spinning with curved stripe pattern.

#animation #gradient #transform

Live preview Loaders

Vortex Spiral

Four nested purple rings spiraling inward and fading to nothing.

#animation #border #transform

Live preview Loaders

Waffle Press

Waffle iron pressing.

#animation #gradient #transform

Live preview Loaders

Walkman

Walkman cassette player with a rotating tape reel inside.

#animation #gradient #transform

Live preview Loaders

Warp Drive

Warp drive stretching space around ship.

#animation #transform #border

Live preview Loaders

Water Balloon

Water balloon wobbling.

#animation #gradient #transform

Live preview Loaders

Waterspout

Waterspout rising from water surface.

#animation #gradient #transform

Popular tags