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

Cinema Projector

A projector beam plays through dust motes in a dark theater.

#animation #gradient #transform

Live preview Backgrounds

City Fog

Fog drifts through a city skyline at dusk.

#animation #gradient #transform

Live preview Backgrounds

Civil Twilight

Purple-blue civil twilight settles with the last bright horizon band.

#animation #gradient #transform

Live preview Backgrounds

Cliff Coast

Rocky cliffs drop sharply into churning ocean waves.

#animation #gradient #transform

Live preview Backgrounds

Cocktail Shaker

A metal cocktail shaker vibrates as the drink mixes inside.

#animation #gradient #transform

Live preview Backgrounds

Coffee Ripple

Concentric ripples spread across a coffee cup surface.

#animation #gradient #transform

Live preview Backgrounds

Coffee Cup Steam

Hot coffee in a mug with steam rising in swirling wisps.

#animation #gradient #transform

Live preview Backgrounds

Halley's Comet

Halley's comet sweeps across the sky with its glowing tail.

#animation #gradient #transform

Live preview Backgrounds

Long-Tail Comet

A comet with an exceptionally long glowing tail streams across space.

#animation #gradient #transform

Live preview Backgrounds

Concert Crowd Silhouette

Silhouetted crowd dances under bright stage lights.

#animation #gradient #transform

Live preview Backgrounds

Concert Pyrotechnics

Stage pyrotechnics burst with colored sparks in a stadium.

#animation #gradient #transform

Live preview Backgrounds

Confetti Fall

Small paper rectangles tumble down the panel at mixed speeds and tilt angles.

#animation #transform #gradient

Live preview Backgrounds

Conic Gradient Spin

A vivid conic gradient rotates behind a soft mask for a hypnotic wheel of color.

#gradient #animation #border

Live preview Backgrounds

Croissant Flake

A buttery croissant shedding golden flakes while steaming.

#animation #gradient #transform

Live preview Backgrounds

CRT Burn Ghost

Old CRT with persistent ghost image burning into phosphor.

#animation #gradient #transform

Live preview Backgrounds

Dance Floor Disco

A retro dance floor with floating silhouettes and rotating lights.

#animation #gradient #transform

Live preview Backgrounds

Dark Molecular Cloud

A dense dark molecular cloud obscures the stars behind it.

#animation #gradient #transform

Live preview Backgrounds

Golden Dawn

Warm golden dawn light spills across a clear sky.

#animation #gradient #transform

Live preview Backgrounds

Desert Dunes

Golden desert dunes roll beneath a warm sun with shifting sand.

#animation #gradient #transform

Live preview Backgrounds

Desert Mirage

A shimmering heat mirage distorts the desert horizon.

#animation #gradient #transform

Live preview Backgrounds

Disc Galaxy Spin

Disc galaxy rotating with bright core and spiral arms.

#animation #gradient #transform

Live preview Backgrounds

Dragon Curve

Heighway dragon curve iterating with fractal jagged edges.

#animation #gradient #transform

Live preview Backgrounds

Shifting Dunes

Golden desert dunes slowly shift and reshape with the wind.

#animation #gradient #transform

Live preview Backgrounds

Dust Devil

A swirling dust devil spins across an arid plain.

#animation #gradient #transform

Live preview Backgrounds

Annular Solar Eclipse

An annular eclipse shows a bright ring of fire around the moon.

#animation #gradient #transform

Live preview Backgrounds

Electric Guitar Shred

Lightning-like energy bolts surround a shredding electric guitar.

#animation #gradient #transform

Live preview Backgrounds

Energy Wave

A sine-wave of energy flows horizontally across the field.

#animation #gradient #transform

Live preview Backgrounds

Fairy Dust Shimmer

Magical fairy dust particles twinkle and drift in soft pastel light.

#animation #gradient #transform

Live preview Backgrounds

Fireworks Finale

A grand finale of fireworks bursts across the night sky.

#animation #gradient #transform

Live preview Backgrounds

Fluid Pour

Colorful fluid pours down in a steady thick stream.

#animation #gradient #transform

Live preview Backgrounds

Foggy Forest

Thick fog drifts among the trunks of a misty forest.

#animation #gradient #transform

Live preview Backgrounds

Fractal Tree

Self-similar fractal tree with branching limbs growing recursively.

#animation #gradient #transform

Live preview Backgrounds

Kaleidoscope 6

A 6-fold kaleidoscope of bright symmetric patterns.

#animation #gradient #transform

Live preview Backgrounds

Landing Pad Lights

A circular helipad perimeter lights up in yellow sequence.

#animation #gradient #transform

Live preview Backgrounds

Lissajous Curve

Lissajous curve figure traced by harmonic oscillation.

#animation #gradient #transform

Live preview Backgrounds

Marble Swirl

Elegant marble veins swirl in classic white and grey stone.

#animation #gradient #transform

Live preview Backgrounds

Monsoon Rainforest

Tropical rainforest leaves drip under a warm monsoon downpour.

#animation #gradient #transform

Live preview Backgrounds

Monstera Leaf

Tropical monstera leaves with signature splits overlay a jungle backdrop.

#animation #gradient #transform

Live preview Backgrounds

Morning Glory

Vivid blue morning glory vines spiral upward opening to the sun.

#animation #gradient #transform

Live preview Backgrounds

Music Sheet Notes

Musical notation scrolls horizontally across aged sheet music.

#animation #gradient #transform

Live preview Backgrounds

Oil Slick

An oil slick shimmers with shifting rainbow interference colors.

#animation #gradient #transform

Live preview Backgrounds

Oil on Water

Oil slick spreads on water with shifting iridescent colors.

#animation #gradient #transform

Live preview Backgrounds

Paint Mixing

Thick layers of paint fold and mix together in slow motion.

#animation #gradient #transform

Live preview Backgrounds

Paint Splash

Vivid paint splashes burst and drip across a white canvas.

#animation #gradient #transform

Live preview Backgrounds

Plasma Field

Saturated overlapping blobs swirl and blend into a flowing plasma surface.

#animation #border #transform

Live preview Backgrounds

Plasma Arc

An electric plasma arc crackles between two points.

#animation #gradient #transform

Live preview Backgrounds

Plasma Torch

A bright blue plasma jet emits a thin column of superheated gas.

#animation #gradient #transform

Live preview Backgrounds

Swirling Portal

A magical portal swirls with green energy rings.

#gradient #animation #border

Live preview Backgrounds

Orange Portal

Orange exit portal swirling with hot energy field.

#animation #gradient #transform

Live preview Backgrounds

Quasar Jet

A supermassive quasar fires a blazing relativistic jet into space.

#animation #gradient #transform

Live preview Backgrounds

Ski Slope Tracks

Curved ski tracks carve through fresh powder on a mountain slope.

#animation #gradient #transform

Live preview Backgrounds

Drifting Smoke

Dark smoky layers drift and curl across an ominous backdrop.

#gradient #animation #border

Live preview Backgrounds

Snow Drift

Snowflakes drift and accumulate into soft curves on the ground.

#animation #gradient #transform

Live preview Backgrounds

Gentle Snowfall

Soft white snowflakes drift down across a winter night sky.

#gradient #animation #border

Live preview Backgrounds

Spacetime Warp

Spacetime itself warps and ripples around an invisible mass.

#animation #gradient #transform

Live preview Backgrounds

Traffic Lights

Traffic lights cycle through red yellow and green.

#animation #gradient #transform

Live preview Backgrounds

Trophy Shine

A golden trophy spins with a sparkle highlight.

#animation #gradient #transform

Live preview Backgrounds

Vernal Equinox

Balanced light and dark halves mark the spring equinox boundary.

#animation #gradient #transform

Live preview Backgrounds

Violin String Vibration

Bowed violin strings vibrate with a warm amber resonance.

#animation #gradient #transform

Live preview Backgrounds

Wetland Marsh

Calm marsh water reflects reeds and a soft overcast sky.

#animation #gradient #transform

Live preview Backgrounds

White Dwarf

A dense white dwarf star glows intensely in the dark of space.

#animation #gradient #transform

Live preview Backgrounds

Cyclone

A rotating cyclone spiral of clouds spins over tropical waters.

#animation #gradient #transform

Live preview Backgrounds

Moroccan Zellige

Vivid Moroccan zellige mosaic tiles in star pattern.

#animation #gradient #transform

Live preview Buttons

Aerospace Panel

Industrial aerospace metal panel with rivets.

#hover #gradient #transform

Live preview Buttons

Almond Cream

Soft almond-cream with brown speckle.

#hover #gradient #transform

Live preview Buttons

Amber Haze

Golden amber button with a hazy outer glow.

#hover #gradient #transform

Live preview Buttons

Andromeda

Andromeda-galaxy button with spiral star arms.

#hover #gradient #transform

Live preview Buttons

Aquamarine Sea

Pale aquamarine sea-gem with clear facets.

#hover #gradient #transform

Live preview Buttons

Arc Welder Button

Industrial button with an electric arc tracing its top edge.

#hover #animation #transform

Live preview Buttons

Arena Sand

Gladiator-style button with sandy texture.

#hover #gradient #transform

Live preview Buttons

Asteroid Belt

Asteroid-belt button with floating rock specks.

#hover #gradient #transform

Live preview Buttons

Avocado Pit

Green avocado with brown pit center.

#hover #gradient #transform

Live preview Buttons

Banana Peel

Yellow banana peel with subtle curve.

#hover #gradient #transform

Live preview Buttons

Black Hole

Black-hole button with an accretion disk rim.

#hover #gradient #transform

Live preview Buttons

Ink Blot Button

Button whose background blooms like an ink blot on hover.

#hover #transform #border

Live preview Buttons

3D Bounce Button

Candy button that bounces with a 3D spring on hover.

#hover #animation #transform

Live preview Buttons

Cantaloupe Mesh

Orange cantaloupe with mesh-net pattern.

#hover #gradient #transform

Live preview Buttons

Canvas Paint Button

Button that looks like a painted canvas brush stroke.

#hover #transform #shadow

Live preview Buttons

Clock Spin Button

Circular button with a clock-hand spinner on hover.

#hover #animation #transform

Live preview Buttons

Dahlia Bloom

Layered dahlia petals in deep magenta.

#hover #gradient #transform

Live preview Buttons

Equinox

Equinox button with a balanced day-night split.

#hover #gradient #transform

Live preview Buttons

Flute Pillar Button

Tall slender button with vertical flute grooves.

#hover #gradient #transform

Live preview Buttons

Forge Hammer Button

Slate button that looks hammered into shape on hover.

#hover #transform #shadow

Live preview Buttons

Fuchsia Pop

Vivid fuchsia pink with bounce animation.

#hover #gradient #transform

Live preview Buttons

Gate Valve Button

Industrial gate valve button with horizontal slide reveal.

#hover #transform #border

Live preview Buttons

Gibbous

Gibbous-moon button with a partial curved shadow.

#hover #gradient #transform

Live preview Buttons

Glacier Ice

Cracked glacier ice with blue depths.

#hover #gradient #transform

Live preview Buttons

Gulf Stream

Gulf-stream button with a flowing blue current.

#hover #gradient #transform

Live preview Buttons

Honeydew Fresh

Pale honeydew melon green button.

#hover #gradient #transform

Live preview Buttons

Ship Hull Button

Navy button with riveted hull plates.

#hover #gradient #transform

Live preview Buttons

Jelly Wobble Button

Translucent jelly button that wobbles like gelatin on hover.

#hover #animation #transform

Live preview Buttons

Lilac Bloom

Soft lilac button blooming on hover.

#hover #gradient #transform

Live preview Buttons

Magenta Hot Pulse

Vivid magenta button with a throbbing pulse.

#hover #animation #transform

Live preview Buttons

Orchid Bloom

Orchid-purple button with a soft bloom glow.

#hover #gradient #transform

Live preview Buttons

Platinum Edge

Polished platinum button with sharp edge.

#hover #gradient #transform

Live preview Buttons

Spectral Veil

Ghostly translucent button with rainbow edge.

#animation #gradient #transform

Popular tags