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

Scale Pop Checkmark

The checkmark scales up with overshoot then settles, paired with a soft background.

#border #transform #rotate

Live preview Checkboxes

Scale Up Check

The checkmark grows from 0 to full size when toggled on.

#transform #border

Live preview Checkboxes

School Toggle

A school building slides up blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Scooter Toggle

A pink scooter slides down when checked.

#transform #shadow #filter

Live preview Checkboxes

Scorpion Toggle

A scorpion bounces orange on check.

#animation #transform #shadow

Live preview Checkboxes

Scoter Toggle

A scoter spins black when checked.

#animation #transform #shadow

Live preview Checkboxes

Screw Bolt Toggle

A screw rotates gray when checked.

#transform #shadow #filter

Live preview Checkboxes

Seal Clap Toggle

A seal glows gray when checked.

#animation #transform #shadow

Live preview Checkboxes

Sencha Toggle

A sencha spins green when checked.

#animation #transform #shadow

Live preview Checkboxes

Cube Shape Toggle

A 3D cube outline that fills indigo when checked.

#transform #shadow #border

Live preview Checkboxes

Diamond Shape Toggle

A diamond shape that fills violet when checked.

#transform #shadow #border

Live preview Checkboxes

Shark Bite Toggle

A shark shakes with a steel glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Sharp Symbol Toggle

A sharp music symbol pops in red when checked.

#transform #shadow #filter

Live preview Checkboxes

Shell Beach Toggle

A shell glows pink when checked.

#transform #shadow #filter

Live preview Checkboxes

Shieldbug Toggle

A shieldbug glows green when checked.

#transform #shadow #filter

Live preview Checkboxes

Shine Sparkle Toggle

Sparkles shine with a gold glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Shot Put Toggle

A shot put shakes gray when checked.

#animation #transform #shadow

Live preview Checkboxes

Shrike Toggle

A shrike pulses gray when checked.

#animation #transform #shadow

Live preview Checkboxes

Shinto Shrine Toggle

A Shinto shrine glows amber when checked.

#transform #shadow #filter

Live preview Checkboxes

Siskin Toggle

A siskin flips yellow when checked.

#transform #shadow #filter

Live preview Checkboxes

Ice Skating Toggle

An ice skate slides in cyan when checked.

#transform #shadow #filter

Live preview Checkboxes

Skiing Toggle

Skis flip blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Skimmer Toggle

A skimmer fades in black when checked.

#transform #shadow #filter

Live preview Checkboxes

Slide-In Checkmark

The checkmark slides in from the left and settles into place when checked.

#border #transform #rotate

Live preview Checkboxes

Smoothie Toggle

A smoothie bounces pink on check.

#animation #transform #shadow

Live preview Checkboxes

Snail Slow Toggle

A snail inches with a green glow when checked.

#transform #shadow #filter

Live preview Checkboxes

Snake Slither Toggle

A snake slithers with a green glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Snipe Toggle

A snipe glows brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Snowboard Toggle

A snowboard bounces cyan on check.

#animation #transform #shadow

Live preview Checkboxes

Snowflake Chill Toggle

A snowflake spins with an icy glow when checked.

#transform #shadow #filter

Live preview Checkboxes

Soccer Ball Toggle

A soccer ball glows green when checked.

#transform #shadow #filter

Live preview Checkboxes

Soda Pop Toggle

A soda cup rotates cyan on check.

#transform #shadow #filter

Live preview Checkboxes

Soursop Toggle

A soursop flips green when checked.

#transform #shadow #filter

Live preview Checkboxes

Spaceship Toggle

A flying saucer hovers in violet when checked.

#animation #transform #shadow

Live preview Checkboxes

Sparrow Toggle

A sparrow rotates brown on check.

#transform #shadow #filter

Live preview Checkboxes

Speaker Loud Toggle

A speaker glows cyan when checked.

#animation #transform #shadow

Live preview Checkboxes

Spider Crawl Toggle

A spider crawls with a dark glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Sprout Grow Toggle

A sprout brightens green when checked.

#transform #shadow #filter

Live preview Checkboxes

Squash Toggle

A squash racket shakes green when checked.

#animation #transform #shadow

Live preview Checkboxes

Stadium Toggle

A stadium bounces in green when checked.

#animation #transform #shadow

Live preview Checkboxes

Stag Beetle Toggle

A stag beetle bounces brown on check.

#animation #transform #shadow

Live preview Checkboxes

Star Rating Toggle

A star icon that fills with gold and spins slightly when toggled on.

#shadow #transform #filter

Live preview Checkboxes

Stardust Trail Toggle

A trail of golden stardust sparkles around the box when checked.

#animation #gradient #transform

Live preview Checkboxes

Starfruit Toggle

A starfruit pulses yellow when checked.

#animation #transform #shadow

Live preview Checkboxes

Starling Toggle

A starling flips purple when checked.

#transform #shadow #filter

Live preview Checkboxes

Shooting Star Toggle

A shooting star streaks when checked.

#transform #shadow #filter

Live preview Checkboxes

Stickbug Toggle

A stickbug flips brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Stinkbug Toggle

A stinkbug fades in green when checked.

#transform #shadow #filter

Live preview Checkboxes

Stopwatch Time Toggle

A stopwatch glows red when checked.

#animation #transform #shadow

Live preview Checkboxes

Store Toggle

A convenience store fades in pink when checked.

#transform #shadow #filter

Live preview Checkboxes

Stork Toggle

A stork fades in white when checked.

#transform #shadow #filter

Live preview Checkboxes

Strawberry Sweet Toggle

A strawberry glows red and sweet when checked.

#animation #transform #shadow

Live preview Checkboxes

Studio Mic Toggle

A studio microphone scales up gray when checked.

#transform #shadow #filter

Live preview Checkboxes

Submarine Toggle

A submarine surfaces in indigo when checked.

#transform #shadow #filter

Live preview Checkboxes

Sudachi Toggle

A sudachi fades in green when checked.

#transform #shadow #filter

Live preview Checkboxes

Sunflower Sunny Toggle

A sunflower glows golden when checked.

#transform #shadow #filter

Live preview Checkboxes

Sunrise Dawn Toggle

A sunrise glows orange when checked.

#transform #shadow #filter

Live preview Checkboxes

Supernova Burst Toggle

A star bursts outward with radial particles when checked.

#animation #transform #shadow

Live preview Checkboxes

Surfing Toggle

A surfer shakes blue when checked.

#animation #transform #shadow

Live preview Checkboxes

Sushi Fresh Toggle

A sushi roll brightens with a pink glow when checked.

#transform #shadow #filter

Live preview Checkboxes

Swallow Toggle

A swallow bounces blue on check.

#animation #transform #shadow

Live preview Checkboxes

Swan Toggle

A swan shakes white when checked.

#animation #transform #shadow

Live preview Checkboxes

Swift Toggle

A swift slides in gray when checked.

#transform #shadow #filter

Live preview Checkboxes

Swimming Toggle

A swimmer flips blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Alpha Symbol Toggle

The Greek alpha letter slides in red when checked.

#transform #shadow #filter

Live preview Checkboxes

Beta Symbol Toggle

The Greek beta letter scales up orange when checked.

#transform #shadow #filter

Live preview Checkboxes

Dollar Symbol Toggle

A dollar sign slides in green when checked.

#transform #shadow #filter

Live preview Checkboxes

Euro Symbol Toggle

A euro sign scales blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Pound Symbol Toggle

A pound sign rotates violet when checked.

#transform #shadow #filter

Live preview Checkboxes

Ruble Symbol Toggle

A ruble sign rotates rose when checked.

#transform #shadow #filter

Live preview Checkboxes

Rupee Symbol Toggle

A rupee sign slides in orange when checked.

#transform #shadow #filter

Live preview Checkboxes

Won Symbol Toggle

A won sign scales cyan when checked.

#transform #shadow #filter

Live preview Checkboxes

Yuan Symbol Toggle

A yuan sign scales amber when checked.

#transform #shadow #filter

Live preview Checkboxes

Delta Symbol Toggle

The Greek delta triangle turns green when checked.

#transform #shadow #filter

Live preview Checkboxes

Equals Symbol Toggle

An equals symbol that scales violet when checked.

#transform #shadow #filter

Live preview Checkboxes

Gamma Symbol Toggle

The Greek gamma letter rotates amber when checked.

#transform #shadow #filter

Live preview Checkboxes

Integral Symbol Toggle

An integral symbol slides up rose when checked.

#transform #shadow #filter

Live preview Checkboxes

Lambda Symbol Toggle

The Greek lambda letter slides up indigo when checked.

#transform #shadow #filter

Live preview Checkboxes

Minus Math Symbol Toggle

A minus math symbol that turns red when checked.

#transform #shadow #filter

Live preview Checkboxes

Multiply Symbol Toggle

A multiply symbol that rotates amber when checked.

#transform #shadow #filter

Live preview Checkboxes

Percent Symbol Toggle

A percent symbol that pops pink when checked.

#transform #shadow #filter

Live preview Checkboxes

Phi Symbol Toggle

The Greek phi letter rotates teal when checked.

#transform #shadow #filter

Live preview Checkboxes

Pi Symbol Toggle

A pi symbol rotates blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Plus Symbol Toggle

A plus math symbol that turns green when checked.

#transform #shadow #filter

Live preview Checkboxes

Sigma Symbol Toggle

The Greek sigma letter scales amber when checked.

#transform #shadow #filter

Live preview Checkboxes

Square Root Symbol Toggle

A square root symbol slides in teal when checked.

#transform #shadow #filter

Live preview Checkboxes

Sum Symbol Toggle

A summation symbol that scales amber when checked.

#transform #shadow #filter

Live preview Checkboxes

Synagogue Toggle

A synagogue glows softly blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Taco Tuesday Toggle

A taco spins and glows golden when checked.

#transform #shadow #filter

Live preview Checkboxes

Tanager Toggle

A tanager spins red when checked.

#animation #transform #shadow

Live preview Checkboxes

Tangerine Toggle

A tangerine shakes orange when checked.

#animation #transform #shadow

Live preview Checkboxes

Tarantula Toggle

A tarantula shakes brown when checked.

#animation #transform #shadow

Live preview Checkboxes

Tarot Card Reveal

A mystical tarot card flips to reveal its face when checked.

#gradient #transform #border

Live preview Checkboxes

Taxi Toggle

A yellow taxi bounces in when checked.

#animation #transform #shadow

Live preview Checkboxes

Tea Steep Toggle

A tea cup glows green when steeped and ready.

#transform #shadow #filter

Live preview Checkboxes

Telescope View Toggle

A telescope glows indigo when checked.

#transform #shadow #filter

Popular tags