Checkboxes — 850 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 9

Live preview Checkboxes

Koala Sleep Toggle

A koala glows with a blue-gray hue when checked.

#animation #transform #shadow

Live preview Checkboxes

Kombucha Toggle

A kombucha glows pink when checked.

#transform #shadow #filter

Live preview Checkboxes

Kumquat Toggle

A kumquat flips orange when checked.

#transform #shadow #filter

Live preview Checkboxes

Lacewing Toggle

A lacewing glows green when checked.

#transform #shadow #filter

Live preview Checkboxes

Lacrosse Toggle

A lacrosse stick bounces orange on check.

#animation #transform #shadow

Live preview Checkboxes

Ladybug Spot Toggle

A ladybug pops with a red glow when checked.

#transform #shadow #filter

Live preview Checkboxes

Lapis Lazuli Stone

Deep blue lapis lazuli with golden flecks shimmers when checked.

#gradient #shadow #border

Live preview Checkboxes

Lark Toggle

A lark fades in brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Lassi Toggle

A lassi bounces yellow on check.

#animation #transform #shadow

Live preview Checkboxes

Latte Toggle

A latte spins amber when checked.

#animation #transform #shadow

Live preview Checkboxes

Leaf Grow Toggle

A leaf emoji grows in from a small scale with a green glow when checked.

#shadow #transform #filter

Live preview Checkboxes

Leaf Miner Toggle

A leaf miner flips green when checked.

#transform #shadow #filter

Live preview Checkboxes

Leafbug Toggle

A leafbug rotates green on check.

#transform #shadow #filter

Live preview Checkboxes

Leafcutter Ant Toggle

A leafcutter ant flips green when checked.

#transform #shadow #filter

Live preview Checkboxes

Lemon Zest Toggle

A lemon shakes with a bright yellow glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Lemonade Toggle

A lemonade pulses yellow when checked.

#animation #transform #shadow

Live preview Checkboxes

Letter A Toggle

Letter A slides in red when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter B Toggle

Letter B scales up orange when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter C Toggle

Letter C rotates amber when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter D Toggle

Letter D fades in yellow when checked.

#shadow #filter

Live preview Checkboxes

Letter E Toggle

Letter E bounces in lime when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter F Toggle

Letter F slides up green when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter G Toggle

Letter G scales down emerald when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter H Toggle

Letter H pops in teal when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter I Toggle

Letter I 3D-flips cyan when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter J Toggle

Letter J slides right blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter K Toggle

Letter K scales up indigo when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter L Toggle

Letter L fades in violet when checked.

#shadow #filter

Live preview Checkboxes

Letter M Toggle

Letter M bounces in purple when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter N Toggle

Letter N rotates magenta when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter O Toggle

Letter O scales up pink when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter P Toggle

Letter P slides down rose when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter Q Toggle

Letter Q fades in red-orange when checked.

#shadow #filter

Live preview Checkboxes

Letter R Toggle

Letter R bounces in amber when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter S Toggle

Letter S rotates clockwise yellow-green when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter T Toggle

Letter T scales in green when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter U Toggle

Letter U slides in teal when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter V Toggle

Letter V pops in cyan when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter W Toggle

Letter W scales down blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter X Toggle

Letter X 3D-flips indigo when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter Y Toggle

Letter Y fades in violet when checked.

#shadow #filter

Live preview Checkboxes

Letter Z Toggle

Letter Z scales up fuchsia when checked.

#transform #shadow #filter

Live preview Checkboxes

Level Slider Toggle

A level slider slides right green when checked.

#transform #shadow #filter

Live preview Checkboxes

Lime Toggle

A lime bounces green on check.

#animation #transform #shadow

Live preview Checkboxes

Lion Roar Toggle

A lion roars with a golden glow when checked.

#transform #shadow #filter

Live preview Checkboxes

Lobster Claws Toggle

A lobster glows red when checked.

#transform #shadow #filter

Live preview Checkboxes

Lock Secure Toggle

A lock glows red when checked.

#transform #shadow #filter

Live preview Checkboxes

Locust Toggle

A locust pulses brown when checked.

#animation #transform #shadow

Live preview Checkboxes

Lollipop Swirl Toggle

A lollipop spins with a rainbow hue rotation when checked.

#animation #transform #shadow

Live preview Checkboxes

Loon Toggle

A loon glows black when checked.

#transform #shadow #filter

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

Lychee Toggle

A lychee flips in pink when checked.

#transform #shadow #filter

Live preview Checkboxes

Macchiato Toggle

A macchiato rotates brown on check.

#transform #shadow #filter

Live preview Checkboxes

Magnet Attract Toggle

A magnet glows red when checked.

#animation #transform #shadow

Live preview Checkboxes

Malachite Banded Stone

A green banded malachite stone shows rings when checked.

#gradient #shadow #border

Live preview Checkboxes

Mallard Toggle

A mallard rotates green on check.

#transform #shadow #filter

Live preview Checkboxes

Mango Toggle

A mango pulses orange when checked.

#animation #transform #shadow

Live preview Checkboxes

Mangosteen Toggle

A mangosteen pulses purple when checked.

#animation #transform #shadow

Live preview Checkboxes

Mansion Toggle

An old mansion slides in dark when checked.

#transform #shadow #filter

Live preview Checkboxes

Mantis Toggle

A mantis rotates green on check.

#transform #shadow #filter

Live preview Checkboxes

Map Explore Toggle

A map glows green when checked.

#transform #shadow #filter

Live preview Checkboxes

Maple Leaf Toggle

A maple leaf glows orange when checked.

#transform #shadow #filter

Live preview Checkboxes

Marathon Toggle

A marathon runner pulses red when checked.

#animation #transform #shadow

Live preview Checkboxes

Margarita Toggle

A margarita rotates green on check.

#transform #shadow #filter

Live preview Checkboxes

Mars Red Planet

A rusty red Mars with polar cap shows when checked.

#gradient #transform #shadow

Live preview Checkboxes

Martin Toggle

A martin flips purple when checked.

#transform #shadow #filter

Live preview Checkboxes

Martini Toggle

A martini flips blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Matcha Toggle

A matcha fades in green when checked.

#transform #shadow #filter

Live preview Checkboxes

Yerba Mate Toggle

A mate spins green when checked.

#animation #transform #shadow

Live preview Checkboxes

Material Ripple

A Material Design style checkbox with ripple fill animation.

#transform #border

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

Melon Toggle

A melon slides in green when checked.

#transform #shadow #filter

Live preview Checkboxes

Mercury Cratered Planet

A small gray cratered Mercury rotates into view when checked.

#animation #gradient #transform

Live preview Checkboxes

Merganser Toggle

A merganser bounces green on check.

#animation #transform #shadow

Live preview Checkboxes

Meteor Streak Toggle

A bright meteor streaks across the box when checked.

#animation #gradient #transform

Live preview Checkboxes

Mic Speak Toggle

A mic glows pink when checked.

#animation #transform #shadow

Live preview Checkboxes

Microscope Zoom Toggle

A microscope glows cyan when checked.

#transform #shadow #filter

Live preview Checkboxes

Midge Toggle

A midge fades in gray when checked.

#transform #shadow #filter

Live preview Checkboxes

Milkshake Toggle

A milkshake shakes pink when checked.

#animation #transform #shadow

Live preview Checkboxes

Millipede Toggle

A millipede flips brown when checked.

#transform #shadow #filter

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

Minus Slide In

A horizontal minus bar slides in from the left with an orange tint when checked.

#border #transform

Live preview Checkboxes

Mirror Reflect Toggle

A mirror glows silver when checked.

#transform #shadow #filter

Live preview Checkboxes

Mite Toggle

A mite spins red when checked.

#animation #transform #shadow

Live preview Checkboxes

Mocha Toggle

A mocha fades in brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Mockingbird Toggle

A mockingbird shakes gray when checked.

#animation #transform #shadow

Live preview Checkboxes

Mojito Toggle

A mojito glows green when checked.

#transform #shadow #filter

Live preview Checkboxes

Money Cash Toggle

A cash bill glows green when checked.

#transform #shadow #filter

Live preview Checkboxes

Monkey Swing Toggle

A monkey swings with a brown glow when checked.

#transform #shadow #filter

Live preview Checkboxes

Monorail Toggle

A monorail glides in cyan when checked.

#transform #shadow #filter

Live preview Checkboxes

Moon Glow Toggle

A crescent moon emoji brightens with a soft yellow glow and slight rotation when checked.

#glow #shadow #transform

Live preview Checkboxes

Square to Circle Morph

The box morphs from a sharp square into a soft rounded circle and changes color when checked.

#border #transform #rotate

Live preview Checkboxes

Mosque Toggle

A mosque glows golden amber when checked.

#transform #shadow #filter

Live preview Checkboxes

Mosquito Buzz Toggle

A mosquito shakes with a gray glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Moth Toggle

A moth bounces brown on check.

#animation #transform #shadow