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 10 of 10

Live preview Checkboxes

Vireo Toggle

A vireo slides in green when checked.

#transform #shadow #filter

Live preview Checkboxes

Vodka Toggle

A vodka pulses blue when checked.

#animation #transform #shadow

Live preview Checkboxes

Volcano Erupt Toggle

A volcano glows red-orange when checked.

#animation #transform #shadow

Live preview Checkboxes

Volleyball Toggle

A volleyball slides in blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Vulture Toggle

A vulture spins black when checked.

#animation #transform #shadow

Live preview Checkboxes

Warbler Toggle

A warbler pulses yellow when checked.

#animation #transform #shadow

Live preview Checkboxes

Wasp Toggle

A wasp fades in yellow when checked.

#transform #shadow #filter

Live preview Checkboxes

Watch Wrist Toggle

A watch glows blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Water Glass Toggle

A water drop glows blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Waterbug Toggle

A waterbug bounces blue on check.

#animation #transform #shadow

Live preview Checkboxes

Watermelon Slice Toggle

A watermelon slice pops with a pink-green glow when checked.

#transform #shadow #filter

Live preview Checkboxes

Waxwing Toggle

A waxwing flips brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Weevil Toggle

A weevil glows brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Weightlifting Toggle

A weightlifter flips red when checked.

#transform #shadow #filter

Live preview Checkboxes

Whale Spout Toggle

A whale glows deep blue when checked.

#animation #transform #shadow

Live preview Checkboxes

Whimbrel Toggle

A whimbrel fades in brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Whippoorwill Toggle

A whippoorwill glows brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Whiskey Glass Toggle

A whiskey glass glows amber when checked.

#transform #shadow #filter

Live preview Checkboxes

White Tea Toggle

A white tea shakes yellow when checked.

#animation #transform #shadow

Live preview Checkboxes

Wigeon Toggle

A wigeon rotates brown on check.

#transform #shadow #filter

Live preview Checkboxes

Wilt Flower Toggle

A wilted flower brightens when checked.

#transform #shadow #filter

Live preview Checkboxes

Wind Blow Toggle

A wind emoji blows cyan when checked.

#transform #shadow #filter

Live preview Checkboxes

Window View Toggle

A window glows blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Wine Pour Toggle

A wine glass fills with a deep red glow when checked.

#transform #shadow #filter

Live preview Checkboxes

Wolf Howl Toggle

A wolf howls with a gray glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Woodcock Toggle

A woodcock bounces brown on check.

#animation #transform #shadow

Live preview Checkboxes

Woodpecker Toggle

A woodpecker shakes red when checked.

#animation #transform #shadow

Live preview Checkboxes

Wren Toggle

A wren slides in brown when checked.

#transform #shadow #filter

Live preview Checkboxes

X Mark Toggle

A square that reveals a red X mark when toggled on — the inverse of a checkmark.

#border #transform #rotate

Live preview Checkboxes

Yacht Toggle

A yacht glides in teal when checked.

#transform #shadow #filter

Live preview Checkboxes

Yellowthroat Toggle

A yellowthroat spins yellow when checked.

#animation #transform #shadow

Live preview Checkboxes

Yuzu Toggle

A yuzu flips yellow when checked.

#transform #shadow #filter

Live preview Checkboxes

Zap Energy Toggle

A lightning bolt flickers yellow when checked.

#animation #transform #shadow

Live preview Checkboxes

Zebra Stripes Toggle

A zebra shakes with a white glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Zipper Checkbox

A zipper pull travels along the track and closes the teeth behind it.

#gradient #clip-path #transform

Live preview Checkboxes

Zodiac Sign Toggle

A zodiac wheel spins and highlights when checked.

#transform #shadow #border