Most popular CSS effects

Live preview Checkboxes

Flicker Toggle

A flicker spins red when checked.

#gradient #transform #border

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.

Live preview Checkboxes

Vertical Card Flip

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

#transform #border #3d

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.

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.

#transform #shadow #border

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.

#transform #shadow #border

Live preview Checkboxes

Glassmorphism Violet

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

#transform #shadow #border

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

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

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

Gull Toggle

A gull fades in white when checked.

Live preview Checkboxes

Gymnastics Toggle

A gymnast pulses purple when checked.

Live preview Checkboxes

Hammer Hit Toggle

A hammer shakes gray when checked.

Live preview Checkboxes

Hamster Wheel Toggle

A hamster spins with an orange glow when checked.

Live preview Checkboxes

Handball Toggle

A handball rotates orange on check.

Live preview Checkboxes

Harrier Toggle

A harrier glows gray when checked.

#border #shadow #transform

Live preview Checkboxes

Has-Selector Option Row

The :has() selector lets the checked input restyle its entire surrounding card.

Live preview Checkboxes

Hawk Toggle

A hawk rotates brown on check.

Live preview Checkboxes

Headphone Listen Toggle

Headphones glow purple when checked.

Live preview Checkboxes

Hedgehog Prickle Toggle

A hedgehog glows orange when checked.

Live preview Checkboxes

Helicopter Toggle

A helicopter spins in gray when checked.

Live preview Checkboxes

Hematite Metallic Stone

A silver metallic hematite stone reflects light when checked.

Live preview Checkboxes

Heron Toggle

A heron flips blue when checked.

Live preview Checkboxes

Hexagon Fill

A hexagon outline that fills with an amber gradient and reveals a checkmark when checked.

Live preview Checkboxes

Hibiscus Bloom Toggle

A hibiscus blooms red when checked.

Live preview Checkboxes

Hiking Boot Toggle

A hiking boot slides in brown when checked.

Live preview Checkboxes

Hockey Toggle

A hockey stick flips brown when checked.

Live preview Checkboxes

Hojicha Toggle

A hojicha flips brown when checked.

Live preview Checkboxes

Honey Drip Toggle

A honey jar glows amber when checked.

Live preview Checkboxes

Honeybee Toggle

A honeybee slides in yellow when checked.

Live preview Checkboxes

Honeydew Toggle

A honeydew rotates green on check.

Live preview Checkboxes

Horchata Toggle

A horchata shakes amber when checked.

Live preview Checkboxes

Hornet Toggle

A hornet fades in yellow when checked.

#gradient #transform #shadow

Live preview Checkboxes

Horoscope Star Card

A star card glows with mystical energy when checked.

Live preview Checkboxes

Horsefly Toggle

A horsefly pulses brown when checked.

Live preview Checkboxes

Hospital Toggle

A hospital pulses red cross when checked.

Live preview Checkboxes

Hot Dog Toggle

A hot dog bounces with a ketchup glow when checked.

Live preview Checkboxes

Hotel Toggle

A hotel glows in purple when checked.

Live preview Checkboxes

Hourglass Time Toggle

An hourglass glows amber when checked.

Live preview Checkboxes

House Toggle

A cozy house fades in amber when checked.

Live preview Checkboxes

Hurdles Toggle

A hurdler slides in orange when checked.

Live preview Checkboxes

Ibis Toggle

An ibis bounces pink on check.

Live preview Checkboxes

Ice Cream Melt Toggle

An ice cream cone pops with a pastel glow when checked.

#animation #transform #border

Live preview Checkboxes

Ink Splat Checkbox

A drop of ink bursts out of the box and settles into a filled square when ticked.

Live preview Checkboxes

Irish Coffee Toggle

An irish coffee spins brown when checked.

Live preview Checkboxes

Ivory Tusk Toggle

A pale ivory disc gains a warm creamy glow when checked.

Live preview Checkboxes

Jackfruit Toggle

A jackfruit spins yellow when checked.

Live preview Checkboxes

Jade Stone Toggle

A smooth green jade stone reveals its luster when checked.

Live preview Checkboxes

Jaeger Toggle

A jaeger shakes black when checked.

Live preview Checkboxes

Japanese Beetle Toggle

A japanese beetle pulses green when checked.

Live preview Checkboxes

Javelin Throw Toggle

A javelin flips green when checked.

Live preview Checkboxes

Jay Toggle

A jay slides in blue when checked.

Live preview Checkboxes

Juice Box Toggle

A juice box flips orange when checked.

Live preview Checkboxes

Junco Toggle

A junco spins gray when checked.