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

Phaser Spin

Spinning phaser sweep on text.

#animation #transform #shadow

Live preview Text

Pinwheel Spin

Spinning pinwheel on text.

#animation #gradient #transform

Live preview Text

Pitch Bend

Bending pitch gliding on text.

#animation #transform #shadow

Live preview Text

Plane Propeller

Airplane propeller spinning on text.

#animation #transform #shadow

Live preview Text

Poster Art House

Art house film poster style.

#transform

Live preview Text

Pressure Drop

Dropping atmospheric pressure on text.

#animation #transform #shadow

Live preview Text

Progress Percent

A percentage counter cycling 0% to 100% using a stepped vertical roll.

#animation #shadow #transform

Live preview Text

Pulse Hard Thump

Hard thumping pulse animation.

#animation #transform

Live preview Text

Pulse Soft Beat

Soft pulsing beat animation.

#animation #transform

Live preview Text

Strong Pulse

Strong pulsing text with scale and color change.

#animation #transform #filter

Live preview Text

Puzzle Piece

Jigsaw puzzle piece on text.

#animation #gradient #transform

Live preview Text

Rainbow Wave Bounce

Each letter cycles through rainbow hues while bouncing in a sine wave.

#animation #transform #wave

Live preview Text

Ransom Note

Ransom note style with mismatched letter sizes.

#transform #border

Live preview Text

Raspberry Pink

Pink raspberry on text.

#animation #gradient #transform

Live preview Text

Red Giant Star

Swollen red giant star slowly expanding.

#animation #transform #shadow

Live preview Text

Mirror Reflection

Text with a mirrored reflection below.

#gradient #transform

Live preview Text

Reverb Echo

Reverberating echo on text.

#animation #transform #shadow

Live preview Text

Rise Up

Text rising up from below into view.

#animation #transform

Live preview Text

Risograph Print

Risograph print text with offset color layers.

#transform

Live preview Text

Rocket Launch

Rocket launching with thrust on text.

#animation #transform #shadow

Live preview Text

Rose Bloom

Red rose blooming gradient on text.

#animation #gradient #transform

Live preview Text

Rosemary Aroma

Aromatic rosemary on text.

#animation #transform #shadow

Live preview Text

Rotate 2D Spin

Continuous 2D spin rotation.

#animation #transform

Live preview Text

3D Y-Rotate

Outlined text spinning continuously around the vertical Y axis in 3D.

#animation #3d #shadow

Live preview Text

Rotate 3D Flip

3D flip rotation animation.

#animation #transform

Live preview Text

3D X Rotation

Text rotating around the X axis in 3D.

#animation #transform #3d

Live preview Text

3D Y Rotation

Text rotating around the Y axis in 3D.

#animation #transform #3d

Live preview Text

Rotate X Pitch

X-axis pitch rotation animation.

#animation #transform

Live preview Text

Rotate Z Roll

Z-axis roll rotation animation.

#animation #transform

Live preview Text

Rubber Stamp

Worn rubber stamp text with broken edges.

#transform #border #filter

Live preview Text

Rubik Cube

Rubik's cube colored squares on text.

#animation #gradient #transform

Live preview Text

Satellite Orbit

Satellite orbiting earth on text.

#animation #transform #shadow

Live preview Text

Saturn Rings

Text with elliptical rings orbiting around it.

#animation #transform #shadow

Live preview Text

Scale Down Shrink

Scaling down shrink animation.

#animation #transform

Live preview Text

Scale Grow

Text scaling up and down in a breathing motion.

#animation #transform

Live preview Text

Scale Pulse Throb

Pulsing scale throb animation.

#animation #transform

Live preview Text

Scale Run

Running musical scale on text.

#animation #gradient #transform

Live preview Text

Scale Up Grow

Scaling up growth animation.

#animation #transform

Live preview Text

Scales Fish

Fish scale overlapping pattern.

#gradient #transform

Live preview Text

Scooter Zip

Scooter zipping motion on text.

#animation #transform #shadow

Live preview Text

Scramble Letters

Each letter jitters and flickers as if scrambling into place.

#animation #transform

Live preview Text

Scroll Diagonal Cross

Diagonal scrolling cross motion.

#animation #transform

Live preview Text

Scroll Down Vert

Vertical downward scroll.

#animation #transform

Live preview Text

Scroll Left Marquee

Horizontal scroll left marquee.

#animation #transform

Live preview Text

Scroll Right Marquee

Horizontal scroll right marquee.

#animation #transform

Live preview Text

Scroll Up Vert

Vertical upward scroll.

#animation #transform

Live preview Text

Floating Shadow

Text floating above its shadow with depth.

#animation #transform #shadow

Live preview Text

Shadow Perspective Floor

Floor perspective reflection shadow.

#transform #shadow

Live preview Text

Violent Shake

Text shakes violently for a brief moment then pauses, on a loop.

#animation #transform #rotate

Live preview Text

Shake Horizontal Shudder

Horizontal shudder shake motion.

#animation #transform

Live preview Text

Shake Random Quiver

Random quiver shake motion.

#animation #transform

Live preview Text

Violent Shake

Text shaking violently as if in an earthquake.

#animation #transform

Live preview Text

Sharp Sign

Jagged sharp musical sign on text.

#animation #transform #shadow

Live preview Text

Ship Sail

Sailing ship on the waves on text.

#animation #transform #shadow

Live preview Text

Shooting Star

Bright star shooting across text glow.

#animation #transform #shadow

Live preview Text

Sink Down

Text sinking downward with a heavy drop.

#animation #transform

Live preview Text

Skateboard Trick

Skateboard doing tricks on text.

#animation #transform #shadow

Live preview Text

Skew Alternate Wobble

Alternating skew wobble animation.

#animation #transform

Live preview Text

Skew Left Lean

Skew leaning left animation.

#animation #transform

Live preview Text

Skew Right Lean

Skew leaning right animation.

#animation #transform

Live preview Text

Skew Stretch

Text skewing and stretching dynamically.

#animation #transform

Live preview Text

Skew Tilt

Text skewing side to side in a tilt motion.

#animation #transform

Live preview Text

Ski Slope

Skier carving down snowy slope on text.

#animation #gradient #transform

Live preview Text

Sleet Mix

Mixed rain-snow sleet sliding down text.

#animation #gradient #transform

Live preview Text

Slice Reveal

A colored copy of the text splits into top and bottom halves sliding apart.

#animation #transform #clip-path

Live preview Text

Slide In Left

Text sliding in from the left on loop.

#animation #transform

Live preview Text

Slide In Right

Slide in from right.

#animation #transform

Live preview Text

Slide Out Left

Slide out to left motion.

#animation #transform

Live preview Text

Smoke Wisps

Smoky text with drifting wispy haze.

#animation #transform #shadow

Live preview Text

Snare Tap

Crisp snare tap on text.

#animation #transform #shadow

Live preview Text

Snowboard Grind

Snowboarder grinding rail on text.

#animation #transform #shadow

Live preview Text

Solar Flare

Bursts of solar plasma erupting from text.

#animation #transform #shadow

Live preview Text

Southern Lights

Aurora Australis with violet and pink ribbons.

#animation #gradient #transform

Live preview Text

Space Vacuum

Text drifting weightlessly in the void.

#animation #transform #shadow

Live preview Text

Slow Spin

Slow continuous rotation with a calm feel.

#animation #transform

Live preview Text

Spiral Swirl

Spinning spiral swirl with conic gradient.

#animation #gradient #transform

Live preview Text

Split Color Hover

Text splits horizontally — top half dark, bottom half colored — and swaps on hover.

#hover #transform #clip-path

Live preview Text

Split-Flap Letters

Each letter flips sequentially like a split-flap departure board.

#animation #3d #border

Live preview Text

Spring Bounce

Springy bounce with overshoot easing.

#animation #transform

Live preview Text

Squish Compress

Text squishing and compressing vertically.

#animation #transform

Live preview Text

Staccato Burst

Short detached staccato notes on text.

#animation #transform #shadow

Live preview Text

Ink Stamp

Red ink stamp text with slight imperfections.

#transform #border

Live preview Text

Stamp Rubber Faded

Faded rubber stamp imprint.

#transform #filter

Live preview Text

Sticker Peel

Sticker text with a peeling corner.

#transform #shadow

Live preview Text

Stonehenge Megalith

Megalithic stonehenge stones on text.

#animation #transform #shadow

Live preview Text

Submarine Periscope

Submarine periscope on text.

#animation #gradient #transform

Live preview Text

Sunbeam Rays

Radiating sunbeams bursting from text.

#animation #gradient #transform

Live preview Text

Sunflower Sun

Bright sunflower yellow with brown center on text.

#animation #gradient #transform

Live preview Text

Supernova Burst

Text pulsing outward like a supernova explosion.

#animation #transform #shadow

Live preview Text

Surf Wave

Surfer riding ocean wave on text.

#animation #gradient #transform

Live preview Text

Swing Gentle Rock

Gentle rocking swing motion.

#animation #transform

Live preview Text

Pendulum Swing

Text swinging like a pendulum from its top.

#animation #transform

Live preview Text

Swing Tick Tock

Clock tick tock swing motion.

#animation #transform

Live preview Text

Swing Violent Toss

Violent toss swing motion.

#animation #transform

Live preview Text

Taekwondo Kick

Taekwondo high kick on text.

#animation #transform #shadow

Live preview Text

Tape Mask

Text on a piece of masking tape.

#transform #shadow

Popular tags