# transform CSS effects

Live preview Checkboxes

Starling Toggle

A starling flips purple when checked.

Live preview Checkboxes

Shooting Star Toggle

A shooting star streaks when checked.

#transform #border #starting-style

Live preview Checkboxes

Starting Style Checkbox

The control animates in from below on first paint using the starting-style rule.

Live preview Checkboxes

Stickbug Toggle

A stickbug flips brown when checked.

Live preview Checkboxes

Stinkbug Toggle

A stinkbug fades in green when checked.

Live preview Checkboxes

Stopwatch Time Toggle

A stopwatch glows red when checked.

Live preview Checkboxes

Store Toggle

A convenience store fades in pink when checked.

Live preview Checkboxes

Stork Toggle

A stork fades in white when checked.

Live preview Checkboxes

Strawberry Sweet Toggle

A strawberry glows red and sweet when checked.

Live preview Checkboxes

Studio Mic Toggle

A studio microphone scales up gray when checked.

Live preview Checkboxes

Submarine Toggle

A submarine surfaces in indigo when checked.

Live preview Checkboxes

Sudachi Toggle

A sudachi fades in green when checked.

Live preview Checkboxes

Sunflower Sunny Toggle

A sunflower glows golden when checked.

Live preview Checkboxes

Sunrise Dawn Toggle

A sunrise glows orange when checked.

Live preview Checkboxes

Supernova Burst Toggle

A star bursts outward with radial particles when checked.

Live preview Checkboxes

Surfing Toggle

A surfer shakes blue when checked.

Live preview Checkboxes

Sushi Fresh Toggle

A sushi roll brightens with a pink glow when checked.

Live preview Checkboxes

Swallow Toggle

A swallow bounces blue on check.

Live preview Checkboxes

Swan Toggle

A swan shakes white when checked.

Live preview Checkboxes

Swift Toggle

A swift slides in gray when checked.

Live preview Checkboxes

Swimming Toggle

A swimmer flips blue when checked.

Live preview Checkboxes

Alpha Symbol Toggle

The Greek alpha letter slides in red when checked.

Live preview Checkboxes

Beta Symbol Toggle

The Greek beta letter scales up orange when checked.

Live preview Checkboxes

Dollar Symbol Toggle

A dollar sign slides in green when checked.

Live preview Checkboxes

Euro Symbol Toggle

A euro sign scales blue when checked.

Live preview Checkboxes

Pound Symbol Toggle

A pound sign rotates violet when checked.

Live preview Checkboxes

Ruble Symbol Toggle

A ruble sign rotates rose when checked.

Live preview Checkboxes

Rupee Symbol Toggle

A rupee sign slides in orange when checked.

Live preview Checkboxes

Won Symbol Toggle

A won sign scales cyan when checked.

Live preview Checkboxes

Yuan Symbol Toggle

A yuan sign scales amber when checked.

Live preview Checkboxes

Delta Symbol Toggle

The Greek delta triangle turns green when checked.

Live preview Checkboxes

Equals Symbol Toggle

An equals symbol that scales violet when checked.

Live preview Checkboxes

Gamma Symbol Toggle

The Greek gamma letter rotates amber when checked.

Live preview Checkboxes

Integral Symbol Toggle

An integral symbol slides up rose when checked.

Live preview Checkboxes

Lambda Symbol Toggle

The Greek lambda letter slides up indigo when checked.

Live preview Checkboxes

Multiply Symbol Toggle

A multiply symbol that rotates amber when checked.

Live preview Checkboxes

Percent Symbol Toggle

A percent symbol that pops pink when checked.

Live preview Checkboxes

Phi Symbol Toggle

The Greek phi letter rotates teal when checked.

Live preview Checkboxes

Pi Symbol Toggle

A pi symbol rotates blue when checked.

Live preview Checkboxes

Plus Symbol Toggle

A plus math symbol that turns green when checked.

Live preview Checkboxes

Sigma Symbol Toggle

The Greek sigma letter scales amber when checked.

Live preview Checkboxes

Square Root Symbol Toggle

A square root symbol slides in teal when checked.

Live preview Checkboxes

Sum Symbol Toggle

A summation symbol that scales amber when checked.

Live preview Checkboxes

Synagogue Toggle

A synagogue glows softly blue when checked.

Live preview Checkboxes

Taco Tuesday Toggle

A taco spins and glows golden when checked.

#transform #border #tally

Live preview Checkboxes

Tally Mark Checkbox

Four upright strokes appear in order and a fifth crosses them diagonally.

Live preview Checkboxes

Tanager Toggle

A tanager spins red when checked.

Live preview Checkboxes

Tangerine Toggle

A tangerine shakes orange when checked.

Live preview Checkboxes

Tape Strike Checkbox

Ticking a task draws a strike line across the label and dims the whole row.

#transform #border #todo

Live preview Checkboxes

Tarantula Toggle

A tarantula shakes brown when checked.

Live preview Checkboxes

Taxi Toggle

A yellow taxi bounces in when checked.

Live preview Checkboxes

Tea Steep Toggle

A tea cup glows green when steeped and ready.

Live preview Checkboxes

Telescope View Toggle

A telescope glows indigo when checked.

Live preview Checkboxes

Temple Toggle

A Hindu temple glows orange when checked.

Live preview Checkboxes

Tennis Ball Toggle

A tennis ball shakes yellow when checked.

Live preview Checkboxes

Tent Camp Toggle

A camping tent pops in green when checked.

Live preview Checkboxes

Tequila Toggle

A tequila slides in yellow when checked.

Live preview Checkboxes

Termite Toggle

A termite pulses brown when checked.

Live preview Checkboxes

Tern Toggle

A tern pulses gray when checked.

Live preview Checkboxes

Fabric Texture Toggle

A woven fabric texture in red when checked.

Live preview Checkboxes

Leather Texture Toggle

A brown leather pebbled texture when checked.

Live preview Checkboxes

Marble Texture Toggle

A white marble veined texture when checked.

Live preview Checkboxes

Metal Texture Toggle

A brushed metal texture with silver shine when checked.

Live preview Checkboxes

Paper Texture Toggle

A cream paper texture with subtle grain when checked.

Live preview Checkboxes

Sand Texture Toggle

A sandy tan texture with grain when checked.

Live preview Checkboxes

Stone Texture Toggle

A stone-textured box that solidifies gray when checked.

Live preview Checkboxes

Water Texture Toggle

A rippling water texture in blue when checked.

Live preview Checkboxes

Wood Texture Toggle

A wood-textured box that warms to brown when checked.

#gradient #transform #stitch

Live preview Checkboxes

Stitched Thread Checkbox

A dashed thread sews itself across the patch from one edge to the other.

Live preview Checkboxes

Thrip Toggle

A thrip flips yellow when checked.

Live preview Checkboxes

Thrush Toggle

A thrush flips brown when checked.

#shadow #transform #filter

Live preview Checkboxes

Thumbs Up Like

A grayscale thumbs-up emoji that fills with color and pops with a tilt when liked.

Live preview Checkboxes

Tick Toggle

A tick slides in red when checked.

#border #transform #rotate

Live preview Checkboxes

Tick Cross Morph

An X mark morphs into a checkmark with a color shift from red to green when checked.

Live preview Checkboxes

Ticket Admit Toggle

A ticket glows yellow when checked.

Live preview Checkboxes

Tiger Stripes Toggle

A tiger glows orange when checked.

Live preview Checkboxes

Titmouse Toggle

A titmouse fades in gray when checked.

Live preview Checkboxes

Tomato Ripe Toggle

A tomato brightens red when checked.

Live preview Checkboxes

Tools Build Toggle

Tools glow amber when checked.

Live preview Checkboxes

Tokyo Tower Toggle

A Tokyo tower glows red-orange when checked.

Live preview Checkboxes

Towhee Toggle

A towhee glows orange when checked.

Live preview Checkboxes

Train Locomotive Toggle

A green locomotive rolls in when checked.

Live preview Checkboxes

Tram Toggle

A tram slides in indigo when checked.

Live preview Checkboxes

Treble Clef Toggle

A treble clef slides up gold when checked.

Live preview Checkboxes

Tree Grow Toggle

A tree brightens green when checked.

Live preview Checkboxes

Tree Duck Toggle

A tree duck rotates brown on check.

#shadow #border #transform

Live preview Checkboxes

Triangle Play Mark

A triangle play-icon shape that fills with violet and scales in when checked.

Live preview Checkboxes

Triathlon Toggle

A triathlete flips blue when checked.

#shadow #transform #filter

Live preview Checkboxes

Trophy Win Toggle

A dim trophy emoji shines with a golden glow and pops in when earned.

Live preview Checkboxes

Tropicbird Toggle

A tropicbird flips white when checked.

Live preview Checkboxes

Trumpet Toggle

A trumpet bounces in gold when checked.

Live preview Checkboxes

Tulip Spring Toggle

A tulip glows pink when checked.

Live preview Checkboxes

Turkey Toggle

A turkey bounces brown on check.

Live preview Checkboxes

Turkish Coffee Toggle

A turkish coffee flips brown when checked.