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 6 of 10
Checkboxes effects
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
Lollipop Swirl Toggle
A lollipop spins with a rainbow hue rotation when checked.
Live preview Checkboxes
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.
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
Mercury Cratered Planet
A small gray cratered Mercury rotates into view when checked.
Live preview Checkboxes
Live preview Checkboxes
Meteor Streak Toggle
A bright meteor streaks across the box when checked.
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Minus Slide In
A horizontal minus bar slides in from the left with an orange tint 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
Moon Glow Toggle
A crescent moon emoji brightens with a soft yellow glow and slight rotation when checked.
Live preview Checkboxes
Square to Circle Morph
The box morphs from a sharp square into a soft rounded circle and changes color when checked.
Live preview Checkboxes
Square to Circle Checkbox
The empty square rounds itself into a filled circle as the tick appears.
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
Nebula Cloud Toggle
A soft swirling cloud of cosmic gas appears when checked.
Live preview Checkboxes
Live preview Checkboxes
Neon Outline Check
A rounded box whose border lights up in neon cyan with a glowing checkmark when checked.
Live preview Checkboxes
Live preview Checkboxes
Neon Cyan Checkmark
A neon-glowing cyan checkmark with electric shadow when toggled on.
Live preview Checkboxes
Neon Lime Checkmark
A lime green neon checkmark with bright glow when toggled on.
Live preview Checkboxes
Neon Orange Checkmark
An orange neon checkmark with warm glow when toggled on.
Live preview Checkboxes
Neon Pink Checkmark
A hot pink neon checkmark with electric glow when toggled on.