Most popular CSS effects

Live preview Checkboxes

Badminton Toggle

A shuttlecock rotates white on check.

Live preview Checkboxes

Bagel Bite Toggle

A bagel brightens with a warm glow when checked.

Live preview Checkboxes

Banana Peel Toggle

A banana wiggles yellow when checked.

Live preview Checkboxes

Basketball Toggle

A basketball rotates orange on check.

#border #transform #battery

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.

Live preview Checkboxes

Beamed Eighths Toggle

Beamed eighth notes slide in purple when checked.

Live preview Checkboxes

Bee Buzz Toggle

A bee buzzes with a yellow glow when checked.

Live preview Checkboxes

Beer Foam Toggle

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

Live preview Checkboxes

Beetle Crawl Toggle

A beetle crawls with a teal glow when checked.

Live preview Checkboxes

Bell Ring Toggle

A bell rings with a gold glow when checked.

Live preview Checkboxes

Bicycle Toggle

A bicycle spins in emerald when checked.

Live preview Checkboxes

Billiards Toggle

A billiards ball flips purple when checked.

Live preview Checkboxes

Bird Chirp Toggle

A bird flutters with a sky glow when checked.

Live preview Checkboxes

Black Tea Toggle

A black tea bounces brown on check.

Live preview Checkboxes

Blackberry Toggle

A blackberry pulses purple when checked.

#animation #gradient #transform

Live preview Checkboxes

Black Hole Swirl

A swirling vortex with a dark center draws matter inward when checked.

Live preview Checkboxes

Blimp Toggle

A blimp floats horizontally when checked.

Live preview Checkboxes

Blueberry Toggle

A blueberry slides in blue when checked.

Live preview Checkboxes

Boar Charge Toggle

A boar shakes with a brown glow when checked.

Live preview Checkboxes

Boba Tea Toggle

A boba fades in brown when checked.

#animation #shadow #border

Live preview Checkboxes

Lightning Bolt Zap

An SVG lightning bolt that zaps in with an electric yellow glow when toggled on.

Live preview Checkboxes

Bonsai Zen Toggle

A bonsai glows green when checked.

Live preview Checkboxes

Book Open Toggle

A book opens with a blue glow when checked.

#animation #transform #border

Live preview Checkboxes

Dashed Border March

A dashed border that marches around the box when checked.

Live preview Checkboxes

Glowing Border

A border that lights up with a soft glow when checked.

#animation #gradient #transform

Live preview Checkboxes

Gradient Border

A vibrant gradient border that appears when checked.

Live preview Checkboxes

Pulsing Border

A checkbox whose border pulses continuously when checked.

Live preview Checkboxes

Bouquet Gift Toggle

A bouquet glows pink when checked.

Live preview Checkboxes

Bowling Ball Toggle

A bowling ball glows purple when checked.

Live preview Checkboxes

Boxing Toggle

A boxing glove fades in red when checked.

Live preview Checkboxes

Boysenberry Toggle

A boysenberry flips purple when checked.

Live preview Checkboxes

Brandy Toggle

A brandy fades in amber when checked.

Live preview Checkboxes

Bread Loaf Toggle

A bread loaf brightens golden when checked.

Live preview Checkboxes

Breadfruit Toggle

A breadfruit fades in brown when checked.

Live preview Checkboxes

Broccoli Tree Toggle

A broccoli brightens green when checked.

#clip-path #gradient #transform

Live preview Checkboxes

Brush Stroke Checkbox

A rough paint stroke sweeps across the tile with ragged edges left behind.

Live preview Checkboxes

Bulb Idea Toggle

A bulb glows yellow when checked.

Live preview Checkboxes

Bullet Train Toggle

A bullet train whooshes in silver when checked.

Live preview Checkboxes

Bumblebee Toggle

A bumblebee shakes yellow when checked.

Live preview Checkboxes

Bunting Toggle

A bunting flips blue when checked.

Live preview Checkboxes

Burger Bite Toggle

A burger emoji brightens and tilts when you decide to bite.

#animation #border #transform

Live preview Checkboxes

Circle Burst Confetti

On check, a burst of confetti particles flies outward from the checkbox center.

Live preview Checkboxes

Bus Toggle

A yellow bus fades in when checked.

Live preview Checkboxes

Butterfly Flutter Toggle

A butterfly flutters with a violet glow when checked.

Live preview Checkboxes

Cabin Hut Toggle

A rustic cabin scales in brown when checked.

Live preview Checkboxes

Cable Car Toggle

A cable car slides up amber when checked.

Live preview Checkboxes

Cactus Prick Toggle

A cactus glows green when checked.

Live preview Checkboxes

Cake Slice Toggle

A cake slice lights up with a festive glow when checked.

Live preview Checkboxes

Calendar Date Toggle

A calendar glows red when checked.

Live preview Checkboxes

Camera Snap Toggle

A camera flashes when checked.

Live preview Checkboxes

Camping Tent Toggle

A camping tent glows green when checked.

Live preview Checkboxes

Candle Flame Toggle

A candle flickers orange when checked.

#gradient #animation #border

Live preview Checkboxes

Candy Stripe Fill

A checkbox filled with animated diagonal candy stripes when checked.

Live preview Checkboxes

Canoe Toggle

A canoe glows blue when checked.

Live preview Checkboxes

Cappuccino Toggle

A cappuccino flips brown when checked.

Live preview Checkboxes

Sports Car Toggle

A red sports car slides in when checked.

Live preview Checkboxes

Card Pay Toggle

A card glows blue when checked.

Live preview Checkboxes

Cardinal Toggle

A cardinal bounces red on check.

Live preview Checkboxes

Castle Toggle

A stone castle rises up gray when checked.

Live preview Checkboxes

Caterpillar Crawl Toggle

A caterpillar wiggles with a lime glow when checked.

Live preview Checkboxes

Centipede Toggle

A centipede rotates orange on check.

Live preview Checkboxes

Chai Latte Toggle

A chai glows orange when checked.

Live preview Checkboxes

Champagne Pop Toggle

A champagne bottle pops with a golden glow when checked.

Live preview Checkboxes

Cherry Pair Toggle

A cherry pair bounces with a red glow when checked.

Live preview Checkboxes

Cherry Blossom Toggle

A cherry blossom glows pink when checked.

Live preview Checkboxes

Chickadee Toggle

A chickadee shakes gray when checked.

Live preview Checkboxes

Chocolate Bar Toggle

A chocolate bar glows rich brown when checked.

Live preview Checkboxes

Cicada Toggle

A cicada flips brown when checked.

Live preview Checkboxes

Cider Toggle

A cider flips red when checked.

#gradient #transform #border

Live preview Checkboxes

Clamp Grip Checkbox

Two jaws close on the block in the middle and squeeze it slightly flat.

Live preview Checkboxes

Classical Building Toggle

A classical building scales in amber when checked.

Live preview Checkboxes

Clementine Toggle

A clementine slides in orange when checked.

Live preview Checkboxes

Rock Climbing Toggle

A climber spins brown when checked.

Live preview Checkboxes

Clock Tick Toggle

A clock glows blue when checked.

Live preview Checkboxes

Rain Cloud Toggle

A rain cloud glows blue when checked.

Live preview Checkboxes

Snow Cloud Toggle

A snow cloud glows white when checked.

Live preview Checkboxes

Clover Luck Toggle

A clover pops green when checked.

Live preview Checkboxes

Cockroach Toggle

A cockroach bounces brown on check.

Live preview Checkboxes

Cocktail Mix Toggle

A cocktail glass shimmers with a cyan glow when checked.

Live preview Checkboxes

Amber Glow Color Toggle

A color swatch that fills with amber glow when checked.

Live preview Checkboxes

Aqua Color Toggle

A color swatch that fills with aqua when checked.

Live preview Checkboxes

Blush Color Toggle

A color swatch that fills with blush when checked.

Live preview Checkboxes

Bronze Color Toggle

A color swatch that fills with bronze when checked.

Live preview Checkboxes

Cobalt Color Toggle

A color swatch that fills with cobalt blue when checked.

Live preview Checkboxes

Copper Color Toggle

A color swatch that fills with copper when checked.

Live preview Checkboxes

Coral Color Toggle

A color swatch that fills with coral when checked.

Live preview Checkboxes

Crimson Color Toggle

A color swatch that fills with crimson when checked.

Live preview Checkboxes

Cyan Color Toggle

A color swatch that fills with cyan when checked.

Live preview Checkboxes

Emerald Color Toggle

A color swatch that fills with emerald when checked.

Live preview Checkboxes

Fuchsia Color Toggle

A color swatch that fills with fuchsia when checked.

Live preview Checkboxes

Honeycomb Color Toggle

A color swatch that fills with honeycomb gold when checked.

Live preview Checkboxes

Indigo Color Toggle

A color swatch that fills with indigo when checked.

Live preview Checkboxes

Jade Color Toggle

A color swatch that fills with jade green when checked.

Live preview Checkboxes

Lavender Color Toggle

A color swatch that fills with lavender when checked.