Live preview Checkboxes
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 5 of 10
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Ice Cream Melt Toggle
An ice cream cone pops with a pastel glow when checked.
Live preview Checkboxes
Ink Splat Checkbox
A drop of ink bursts out of the box and settles into a filled square when ticked.
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Jupiter Striped Giant
A banded gas giant with a great red spot appears when checked.
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Key Turn Checkbox
A key rotates a quarter turn in the barrel and the shackle springs shut.
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Lapis Lazuli Stone
Deep blue lapis lazuli with golden flecks shimmers when checked.
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Flip Lid Checkbox
A hinged lid swings up on its top edge and uncovers the tick underneath.
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Liquid Drop Checkbox
A droplet falls from above, lands in the box and floods it with colour.
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Lollipop Swirl Toggle
A lollipop spins with a rainbow hue rotation when checked.
Live preview Checkboxes
Live preview Checkboxes
Love Eyes Reveal
A plain heart-eyes emoji reveals with a pulsing pink glow and scale when checked.
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Magnet Snap Checkbox
The tick flies in from the side and snaps hard against the box wall.
Live preview Checkboxes
Malachite Banded Stone
A green banded malachite stone shows rings when checked.