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

Live preview Checkboxes

Long Drum Toggle

A long drum shakes in orange when checked.

#animation #transform #shadow

Live preview Checkboxes

Love Eyes Reveal

A plain heart-eyes emoji reveals with a pulsing pink glow and scale when checked.

#animation #shadow #transform

Live preview Checkboxes

Mangosteen Toggle

A mangosteen pulses purple when checked.

#animation #transform #shadow

Live preview Checkboxes

Mayfly Toggle

A mayfly flips white when checked.

#transform #shadow #filter

Live preview Checkboxes

Medal Spin Reveal

A medal emoji spins 360 degrees on its Y-axis and shines when awarded.

#animation #3d #shadow

Live preview Checkboxes

Milkshake Toggle

A milkshake shakes pink when checked.

#animation #transform #shadow

Live preview Checkboxes

Minimal Line Check

A clean, borderless minimal check whose mark fades in softly when toggled on.

#border #transform #rotate

Live preview Checkboxes

Mosquito Buzz Toggle

A mosquito shakes with a gray glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Motorcycle Toggle

A motorcycle bounces in with cool glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Number 1 Toggle

Number 1 scales up blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Ocean Wave Toggle

An ocean wave glows blue when checked.

#animation #transform #shadow

Live preview Checkboxes

Octopus Ink Toggle

An octopus wiggles with a magenta glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Palm Tropical Toggle

A palm tree sways green when checked.

#animation #transform #shadow

Live preview Checkboxes

Parrot Squawk Toggle

A parrot glows with a rainbow hue when checked.

#animation #transform #shadow

Live preview Checkboxes

Paw Print Toggle

A grayscale paw-print emoji fills in and pads down with a warm glow when toggled on.

#shadow #transform #filter

Live preview Checkboxes

Pelican Toggle

A pelican glows white when checked.

#transform #shadow #filter

Live preview Checkboxes

Pepper Spice Toggle

A hot pepper flames red when checked.

#animation #transform #shadow

Live preview Checkboxes

Phone Call Toggle

A phone shakes green when checked.

#animation #transform #shadow

Live preview Checkboxes

Pina Colada Toggle

A pina colada shakes yellow when checked.

#animation #transform #shadow

Live preview Checkboxes

Pintail Toggle

A pintail shakes brown when checked.

#animation #transform #shadow

Live preview Checkboxes

Plug Power Toggle

A plug glows yellow when checked.

#transform #shadow #filter

Live preview Checkboxes

Plum Toggle

A plum flips purple when checked.

#transform #shadow #filter

Live preview Checkboxes

Pool Toggle

A pool ball pulses purple when checked.

#animation #transform #shadow

Live preview Checkboxes

Quarter Note Toggle

A quarter note symbol fades in blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Quartz Cluster Toggle

A cluster of quartz points lights up when checked.

#gradient #border

Live preview Checkboxes

Rabbit Hop Toggle

A rabbit hops with a pink glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Raccoon Mask Toggle

A raccoon shakes with a gray glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Ramen Slurp Toggle

A ramen bowl steams to life with a warm glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Raven Toggle

A raven fades in black when checked.

#transform #shadow #filter

Live preview Checkboxes

Rugby Ball Toggle

A rugby ball spins brown when checked.

#animation #transform #shadow

Live preview Checkboxes

Sake Pour Toggle

A sake bottle glows warm when checked.

#transform #shadow #filter

Live preview Checkboxes

Scanline Checkbox

A bright scan line sweeps down the box and leaves solid colour behind it.

#animation #clip-path #gradient

Live preview Checkboxes

Scissors Cut Toggle

Scissors snip with a gray glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Shark Bite Toggle

A shark shakes with a steel glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Shine Sparkle Toggle

Sparkles shine with a gold glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Smoothie Toggle

A smoothie bounces pink on check.

#animation #transform #shadow

Live preview Checkboxes

Speaker Loud Toggle

A speaker glows cyan when checked.

#animation #transform #shadow

Live preview Checkboxes

Stadium Toggle

A stadium bounces in green when checked.

#animation #transform #shadow

Live preview Checkboxes

Store Toggle

A convenience store fades in pink when checked.

#transform #shadow #filter

Live preview Checkboxes

Studio Mic Toggle

A studio microphone scales up gray when checked.

#transform #shadow #filter

Live preview Checkboxes

Sun Brighten Toggle

A dim sun emoji brightens and slowly rotates with a warm yellow glow when checked.

#animation #shadow #transform

Live preview Checkboxes

Sunset Dusk Toggle

A sunset glows warm when checked.

#transform #shadow #filter

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

Minus Math Symbol Toggle

A minus math symbol that turns red when checked.

#transform #shadow #filter

Live preview Checkboxes

Omega Symbol Toggle

The Greek omega letter fades violet when checked.

#shadow #filter

Live preview Checkboxes

Plus Symbol Toggle

A plus math symbol that turns green when checked.

#transform #shadow #filter

Live preview Checkboxes

Theta Symbol Toggle

The Greek theta letter scales pink when checked.

#transform #shadow #filter

Live preview Checkboxes

Tanager Toggle

A tanager spins red when checked.

#animation #transform #shadow

Live preview Checkboxes

Glass Texture Toggle

A frosted glass texture with blue tint when checked.

#gradient #transform #shadow

Live preview Checkboxes

Storm Crash Toggle

A thunderstorm shakes yellow when checked.

#animation #transform #shadow

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

Tools Build Toggle

Tools glow amber when checked.

#transform #shadow #filter

Live preview Checkboxes

Tornado Spin Toggle

A tornado spins gray when checked.

#transform #shadow #filter

Live preview Checkboxes

Trumpet Toggle

A trumpet bounces in gold when checked.

#animation #transform #shadow

Live preview Checkboxes

Turnstone Toggle

A turnstone shakes orange when checked.

#animation #transform #shadow

Live preview Checkboxes

Twinkle Star Toggle

A star twinkles gold when checked.

#animation #transform #shadow

Live preview Checkboxes

Willet Toggle

A willet flips gray when checked.

#transform #shadow #filter

Live preview Checkboxes

Window View Toggle

A window glows blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Woodpecker Toggle

A woodpecker shakes red when checked.

#animation #transform #shadow

Live preview Checkboxes

Zap Energy Toggle

A lightning bolt flickers yellow when checked.

#animation #transform #shadow

Live preview Checkboxes

3D Cone Check

A 3D cone that turns pink when checked with a glow.

#shadow #border #filter

Live preview Checkboxes

3D Cylinder Check

A 3D cylinder that rotates and turns blue when checked.

#gradient #transform #shadow

Live preview Checkboxes

3D Sphere Check

A shaded 3D sphere that lights up when checked.

#gradient #transform #shadow

Live preview Checkboxes

Airplane Fly Toggle

An airplane flies across with sky glow when checked.

#transform #shadow #filter

Live preview Checkboxes

Americano Toggle

An americano glows brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Anchor Dock Toggle

An anchor glows blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Aphid Toggle

An aphid glows green when checked.

#transform #shadow #filter

Live preview Checkboxes

Apple Crunch Toggle

An apple brightens red with a fresh glow when checked.

#transform #shadow #filter

Live preview Checkboxes

Red Apple Toggle

A red apple glows crimson when checked.

#transform #shadow #filter

Live preview Checkboxes

Apricot Toggle

An apricot fades in orange when checked.

#transform #shadow #filter

Live preview Checkboxes

Archery Toggle

A bow flips red when checked.

#transform #shadow #filter

Live preview Checkboxes

Army Ant Toggle

An army ant rotates brown on check.

#transform #shadow #filter

Live preview Checkboxes

Arrow Lock Checkbox

An arrow rotates a quarter turn and drops into the notch that holds it.

#transform #border #dial

Live preview Checkboxes

Asteroid Rock Toggle

A jagged asteroid spins and lights up when checked.

#animation #gradient #transform

Live preview Checkboxes

Aurora Borealis Wave

A flowing wave of green and purple aurora lights up when checked.

#animation #gradient #transform

Live preview Checkboxes

Avocet Toggle

An avocet rotates pink on check.

#transform #shadow #filter

Live preview Checkboxes

Ayran Toggle

An ayran flips white when checked.

#transform #shadow #filter

Live preview Checkboxes

Badminton Toggle

A shuttlecock rotates white on check.

#transform #shadow #filter

Live preview Checkboxes

Bagel Bite Toggle

A bagel brightens with a warm glow when checked.

#transform #shadow #filter

Live preview Checkboxes

Banana Peel Toggle

A banana wiggles yellow when checked.

#animation #transform #shadow

Live preview Checkboxes

Basketball Toggle

A basketball rotates orange on check.

#transform #shadow #filter

Live preview Checkboxes

Bass Clef Toggle

A bass clef fades in amber when checked.

#shadow #filter

Live preview Checkboxes

Battery Bar Checkbox

Three cells light up left to right until the battery reads full.

#border #transform #battery

Live preview Checkboxes

Beamed Eighths Toggle

Beamed eighth notes slide in purple when checked.

#transform #shadow #filter

Live preview Checkboxes

Bee Buzz Toggle

A bee buzzes with a yellow glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Beer Foam Toggle

A beer mug froths up with a golden glow when checked.

#transform #shadow #filter

Live preview Checkboxes

Beetle Crawl Toggle

A beetle crawls with a teal glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Bell Ring Toggle

A bell rings with a gold glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Bicycle Toggle

A bicycle spins in emerald when checked.

#transform #shadow #filter

Live preview Checkboxes

Billiards Toggle

A billiards ball flips purple when checked.

#transform #shadow #filter

Live preview Checkboxes

Bird Chirp Toggle

A bird flutters with a sky glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Black Tea Toggle

A black tea bounces brown on check.

#animation #transform #shadow

Live preview Checkboxes

Blackberry Toggle

A blackberry pulses purple when checked.

#animation #transform #shadow

Checkboxes effects