# shadow CSS effects

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

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.

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.

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.

#animation #shadow #transform

Live preview Checkboxes

Heart Favorite Toggle

A heart icon that fills with a red gradient and pulses when favorited.

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

Joystick Play Toggle

A joystick glows red 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.

Live preview Checkboxes

June Bug Toggle

A june bug spins green when checked.

Live preview Checkboxes

Kangaroo Hop Toggle

A kangaroo hops with a tan glow when checked.

Live preview Checkboxes

Karate Toggle

A karate gi glows yellow when checked.

Live preview Checkboxes

Kayak Toggle

A kayak rotates green on check.

Live preview Checkboxes

Kefir Toggle

A kefir rotates white on check.

Live preview Checkboxes

Key Lock Toggle

A key glows gold when checked.

Live preview Checkboxes

Keyboard Type Toggle

A keyboard glows gray when checked.

Live preview Checkboxes

Kite Bird Toggle

A kite pulses gray when checked.

Live preview Checkboxes

Kiwi Toggle

A kiwi glows green when checked.

Live preview Checkboxes

Knot Bird Toggle

A knot flips orange when checked.

Live preview Checkboxes

Koala Sleep Toggle

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

Live preview Checkboxes

Kombucha Toggle

A kombucha glows pink when checked.

Live preview Checkboxes

Kumquat Toggle

A kumquat flips orange when checked.

Live preview Checkboxes

Lacewing Toggle

A lacewing glows green when checked.

Live preview Checkboxes

Lacrosse Toggle

A lacrosse stick bounces orange on check.