Checkboxes — 900 CSS effects

Custom checkboxes, radio controls, and selection states.

Pure CSS with no dependencies or build step. Open any effect for a live preview, source code, and browser editing.

Page 9 of 10

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

Bitcoin Symbol Toggle

A bitcoin sign fades amber when checked.

#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

Yen Symbol Toggle

A yen sign fades in red when checked.

#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

Divide Symbol Toggle

A divide symbol that fades in cyan when checked.

#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

Infinity Symbol Toggle

An infinity symbol fades in violet when checked.

#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

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

Tally Mark Checkbox

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

#transform #border #tally

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

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.

#animation #transform #shadow

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

Live preview Checkboxes

Temple Toggle

A Hindu temple glows orange when checked.

#animation #transform #shadow

Live preview Checkboxes

Tennis Ball Toggle

A tennis ball shakes yellow when checked.

#animation #transform #shadow

Live preview Checkboxes

Tent Camp Toggle

A camping tent pops in green when checked.

#transform #shadow #filter

Live preview Checkboxes

Tequila Toggle

A tequila slides in yellow when checked.

#transform #shadow #filter

Live preview Checkboxes

Termite Toggle

A termite pulses brown when checked.

#animation #transform #shadow

Live preview Checkboxes

Tern Toggle

A tern pulses gray when checked.

#animation #transform #shadow

Live preview Checkboxes

Fabric Texture Toggle

A woven fabric texture in red when checked.

#gradient #transform #shadow

Live preview Checkboxes

Leather Texture Toggle

A brown leather pebbled texture when checked.

#gradient #transform #shadow

Live preview Checkboxes

Marble Texture Toggle

A white marble veined texture when checked.

#gradient #transform #shadow

Live preview Checkboxes

Metal Texture Toggle

A brushed metal texture with silver shine when checked.

#gradient #transform #shadow

Live preview Checkboxes

Paper Texture Toggle

A cream paper texture with subtle grain when checked.

#gradient #transform #shadow

Live preview Checkboxes

Sand Texture Toggle

A sandy tan texture with grain when checked.

#gradient #transform #shadow

Live preview Checkboxes

Stone Texture Toggle

A stone-textured box that solidifies gray when checked.

#gradient #transform #shadow

Live preview Checkboxes

Water Texture Toggle

A rippling water texture in blue when checked.

#gradient #transform #shadow

Live preview Checkboxes

Wood Texture Toggle

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

#gradient #transform #shadow

Live preview Checkboxes

Stitched Thread Checkbox

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

#gradient #transform #stitch

Live preview Checkboxes

Thrip Toggle

A thrip flips yellow when checked.

#transform #shadow #filter

Live preview Checkboxes

Thrush Toggle

A thrush flips brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Thumbs Up Like

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

#shadow #transform #filter

Live preview Checkboxes

Tick Toggle

A tick slides in red when checked.

#transform #shadow #filter

Live preview Checkboxes

Tick Cross Morph

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

#border #transform #rotate

Live preview Checkboxes

Ticket Admit Toggle

A ticket glows yellow when checked.

#transform #shadow #filter

Live preview Checkboxes

Tiger Stripes Toggle

A tiger glows orange when checked.

#transform #shadow #filter

Live preview Checkboxes

Titmouse Toggle

A titmouse fades in gray when checked.

#transform #shadow #filter

Live preview Checkboxes

Tomato Ripe Toggle

A tomato brightens red when checked.

#transform #shadow #filter

Live preview Checkboxes

Tools Build Toggle

Tools glow amber when checked.

#transform #shadow #filter

Live preview Checkboxes

Topaz Golden Gem

A golden topaz gem shimmers with warm light when checked.

#gradient #shadow #border

Live preview Checkboxes

Tokyo Tower Toggle

A Tokyo tower glows red-orange when checked.

#transform #shadow #filter

Live preview Checkboxes

Towhee Toggle

A towhee glows orange when checked.

#transform #shadow #filter

Live preview Checkboxes

Train Locomotive Toggle

A green locomotive rolls in when checked.

#transform #shadow #filter

Live preview Checkboxes

Tram Toggle

A tram slides in indigo when checked.

#transform #shadow #filter

Live preview Checkboxes

Treble Clef Toggle

A treble clef slides up gold when checked.

#transform #shadow #filter

Live preview Checkboxes

Tree Grow Toggle

A tree brightens green when checked.

#transform #shadow #filter

Live preview Checkboxes

Tree Duck Toggle

A tree duck rotates brown on check.

#transform #shadow #filter

Live preview Checkboxes

Triangle Play Mark

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

#shadow #border #transform

Live preview Checkboxes

Triathlon Toggle

A triathlete flips blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Trophy Win Toggle

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

#shadow #transform #filter

Live preview Checkboxes

Tropicbird Toggle

A tropicbird flips white when checked.

#transform #shadow #filter

Live preview Checkboxes

Trumpet Toggle

A trumpet bounces in gold when checked.

#animation #transform #shadow

Live preview Checkboxes

Tulip Spring Toggle

A tulip glows pink when checked.

#transform #shadow #filter

Live preview Checkboxes

Turkey Toggle

A turkey bounces brown on check.

#animation #transform #shadow

Live preview Checkboxes

Turkish Coffee Toggle

A turkish coffee flips brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Turnstone Toggle

A turnstone shakes orange when checked.

#animation #transform #shadow

Live preview Checkboxes

Turquoise Stone Toggle

A turquoise stone with webbed matrix lights up when checked.

#gradient #shadow #border

Live preview Checkboxes

Turtle Slow Toggle

A turtle peeks with a green glow when checked.

#transform #shadow #filter

Live preview Checkboxes

TV Watch Toggle

A TV glows blue when checked.

#animation #transform #shadow

Live preview Checkboxes

Twinkle Star Toggle

A star twinkles gold when checked.

#animation #transform #shadow

Live preview Checkboxes

UFO Abduct Toggle

A UFO floats green when checked.

#animation #transform #shadow

Live preview Checkboxes

Uranus Ice Giant

A pale cyan ice giant tilted sideways when checked.

#gradient #transform #shadow

Live preview Checkboxes

Van Toggle

A van scales in purple when checked.

#transform #shadow #filter

Live preview Checkboxes

Venus Golden Clouds

A warm yellow-orange Venus glows with thick clouds when checked.

#gradient #transform #shadow

Live preview Checkboxes

Vienna Coffee Toggle

A vienna pulses amber when checked.

#animation #transform #shadow

Live preview Checkboxes

Violin Toggle

A violin fades in amber when checked.

#transform #shadow #filter