Most popular CSS effects

Live preview Checkboxes

Dung Beetle Toggle

A dung beetle slides in brown when checked.

Live preview Checkboxes

Durian Toggle

A durian slides in yellow when checked.

Live preview Checkboxes

Eagle Soar Toggle

An eagle soars with a golden glow when checked.

Live preview Checkboxes

Earwig Toggle

An earwig spins brown when checked.

#gradient #transform #shadow

Live preview Checkboxes

Solar Eclipse Toggle

A moon disc slides over a glowing sun when checked.

Live preview Checkboxes

Egg Fry Toggle

An egg flips to reveal a sunny glow when checked.

Live preview Checkboxes

Eggplant Glossy Toggle

An eggplant glows purple when checked.

Live preview Checkboxes

Egret Toggle

An egret bounces white on check.

Live preview Checkboxes

Elderberry Toggle

An elderberry shakes purple when checked.

Live preview Checkboxes

Elephant Trumpet Toggle

An elephant glows gray when checked.

#gradient #shadow #border

Live preview Checkboxes

Emerald Green Gem

A step-cut emerald shows deep green facets when checked.

Live preview Checkboxes

Emoji Reveal Toggle

A face emoji that flips from neutral to a happy grinning face when checked.

#shadow #transform #filter

Live preview Checkboxes

Envelope Mail Toggle

An envelope glows blue when checked.

Live preview Checkboxes

Equestrian Toggle

A horse rider fades in brown when checked.

Live preview Checkboxes

Evergreen Pine Toggle

An evergreen glows forest green when checked.

Live preview Checkboxes

Factory Toggle

A factory shakes gray when checked.

Live preview Checkboxes

Feather Drift Toggle

A feather drifts with a soft glow when checked.

Live preview Checkboxes

Fencing Toggle

A fencer rotates gray on check.

Live preview Checkboxes

Ferry Toggle

A ferry floats in with blue glow when checked.

#gradient #border #transform

Live preview Checkboxes

Fill From Bottom

A square checkbox where a colored block fills upward from the bottom when checked.

Live preview Checkboxes

Diagonal Fill

A square that fills diagonally with a sweeping gradient when checked.

Live preview Checkboxes

Fill From Left

A square that fills with color from the left edge when checked.

Live preview Checkboxes

Radial Fill Burst

A radial color burst expands from center when checked.

#transform #border

Live preview Checkboxes

Fill From Right

A square that fills with color from the right edge when checked.

Live preview Checkboxes

Sweep Fill

A radar-like sweep that fills the circle when checked.

Live preview Checkboxes

Wave Fill

A wavy gradient that rises to fill the box when checked.

Live preview Checkboxes

Finch Toggle

A finch slides in yellow when checked.

#animation #shadow #transform

Live preview Checkboxes

Fire Ignite Toggle

A dim flame emoji that ignites with a flickering orange glow when toggled on.

Live preview Checkboxes

Fire Truck Toggle

A fire truck shakes in red-orange when checked.

Live preview Checkboxes

Fire Ant Toggle

A fire ant glows red when checked.

Live preview Checkboxes

Firefly Toggle

A firefly flips yellow when checked.

Live preview Checkboxes

Fish Swim Toggle

A fish swims with a blue glow when checked.

Live preview Checkboxes

Fishing Toggle

A fishing rod shakes blue when checked.

Live preview Checkboxes

Flag Wave Toggle

A flag waves red when checked.

Live preview Checkboxes

Flamingo Toggle

A flamingo pulses pink when checked.

Live preview Checkboxes

Flat Symbol Toggle

A flat music symbol rotates indigo when checked.

Live preview Checkboxes

Flat White Toggle

A flat white flips white when checked.

Live preview Checkboxes

Flea Toggle

A flea pulses red when checked.

Live preview Checkboxes

Flicker Toggle

A flicker spins red when checked.

Live preview Checkboxes

3D Flip Card Check

A checkbox that flips in 3D to reveal a green check face when toggled on.

#3d #border #transform

Live preview Checkboxes

Card Flip Reveal

A card-style flip that reveals a checkmark face when checked.

#shadow #transform #filter

Live preview Checkboxes

Vertical Card Flip

A vertical 3D flip that reveals the checkmark on the back.

#transform #border #3d

Live preview Checkboxes

Flower Bloom

A flower emoji blooms from a small bud with a pink glow and rotation when checked.

Live preview Checkboxes

Fly Toggle

A fly flips gray when checked.

Live preview Checkboxes

Flycatcher Toggle

A flycatcher pulses green when checked.

Live preview Checkboxes

Fog Mist Toggle

A fog emoji drifts gray when checked.

Live preview Checkboxes

Football Toggle

A football flips brown when checked.

Live preview Checkboxes

Fox Sly Toggle

A fox glows orange when checked.

Live preview Checkboxes

Frappe Toggle

A frappe slides in amber when checked.

Live preview Checkboxes

Frigatebird Toggle

A frigatebird flips black when checked.

Live preview Checkboxes

Frog Jump Toggle

A frog jumps with a green glow when checked.

Live preview Checkboxes

Fuel Pump Toggle

A fuel pump glows green when checked.

Live preview Checkboxes

Fulmar Toggle

A fulmar fades in white when checked.

Live preview Checkboxes

Galaxy Spiral Toggle

A galaxy spirals with a violet glow when checked.

Live preview Checkboxes

Gallinule Toggle

A gallinule glows purple when checked.

Live preview Checkboxes

Gannet Toggle

A gannet rotates white on check.

Live preview Checkboxes

Gear Spin Toggle

A gear spins gray when checked.

#gradient #shadow #transform

Live preview Checkboxes

Gem Shape Fill

A CSS-cut gem shape that fills with an emerald gradient and flips when checked.

Live preview Checkboxes

Genmaicha Toggle

A genmaicha pulses green when checked.

#gradient #shadow #border

Live preview Checkboxes

Geode Crystal Cavity

A split geode reveals inner crystal points when checked.

Live preview Checkboxes

Gift Present Toggle

A gift pops red when checked.

Live preview Checkboxes

Gin Toggle

A gin flips blue when checked.

Live preview Checkboxes

Glassmorphism Amber

A frosted glass effect with amber tint and checkmark when checked.

Live preview Checkboxes

Glassmorphism Blue

A frosted glass effect with blue tint and checkmark when checked.

Live preview Checkboxes

Glassmorphism Rose

A frosted glass effect with rose tint and checkmark when checked.

Live preview Checkboxes

Glassmorphism Violet

A frosted glass effect with violet tint and checkmark when checked.

Live preview Checkboxes

Glow on Check

A simple box that emits a colorful glow halo when toggled on.

#glow #shadow #border

Live preview Checkboxes

Soft Glow Amber

A subtle amber soft glow with circular fill when checked.

Live preview Checkboxes

Soft Glow Cyan

A subtle soft glow checkbox with cyan background fill when checked.

Live preview Checkboxes

Soft Glow Lime

A subtle lime soft glow with circular fill when checked.

Live preview Checkboxes

Soft Glow Pink

A subtle pink soft glow with circular fill when checked.

Live preview Checkboxes

Soft Glow Rose

A subtle rose soft glow with circular fill when checked.

Live preview Checkboxes

Soft Glow Violet

A subtle violet soft glow with circular fill when checked.

Live preview Checkboxes

Gnat Toggle

A gnat flips gray when checked.

Live preview Checkboxes

Godwit Toggle

A godwit flips orange when checked.

Live preview Checkboxes

Goji Berry Toggle

A goji berry slides in red when checked.

Live preview Checkboxes

Goldeneye Toggle

A goldeneye bounces yellow on check.

Live preview Checkboxes

Goldfinch Toggle

A goldfinch shakes yellow when checked.

Live preview Checkboxes

Golf Flag Toggle

A golf flag pulses green when checked.

Live preview Checkboxes

Goose Toggle

A goose slides in gray when checked.

Live preview Checkboxes

Gooseberry Toggle

A gooseberry bounces green on check.

Live preview Checkboxes

Goshawk Toggle

A goshawk spins gray when checked.

#gradient #animation #border

Live preview Checkboxes

Animated Gradient Fill

A square filled with an animated gradient background and a white checkmark when checked.

Live preview Checkboxes

Grape Bunch Toggle

A grape bunch glows purple when checked.

Live preview Checkboxes

Green Grape Toggle

Green grapes bounce pop on check.

Live preview Checkboxes

Purple Grape Toggle

Purple grapes flip in when checked.

Live preview Checkboxes

Red Grape Toggle

Red grapes shake when checked.

Live preview Checkboxes

Grapefruit Toggle

A grapefruit spins pink when checked.

Live preview Checkboxes

Grasshopper Leap Toggle

A grasshopper leaps with a green glow when checked.

Live preview Checkboxes

Grebe Toggle

A grebe pulses brown when checked.

Live preview Checkboxes

Green Apple Tart Toggle

A green apple glows tart green when checked.

Live preview Checkboxes

Green Tea Toggle

A green tea flips green when checked.

Live preview Checkboxes

Grosbeak Toggle

A grosbeak flips brown when checked.

Live preview Checkboxes

Guava Toggle

A guava fades in green when checked.

Live preview Checkboxes

Guitar Strum Toggle

A guitar glows amber when checked.