Checkboxes — 900 CSS effects

Live preview Checkboxes

Parrot Squawk Toggle

A parrot glows with a rainbow hue when checked.

Live preview Checkboxes

Passion Fruit Toggle

A passion fruit rotates purple on check.

Live preview Checkboxes

Checkerboard Pattern Toggle

A checkerboard pattern in violet when checked.

Live preview Checkboxes

Confetti Pattern Toggle

A colorful confetti pattern when checked.

Live preview Checkboxes

Cross Pattern Toggle

A cross-hatch pattern fills with indigo when checked.

Live preview Checkboxes

Dots Pattern Toggle

Polka dot pattern fills with pink when checked.

Live preview Checkboxes

Grid Pattern Toggle

A grid pattern fills with cyan when checked.

Live preview Checkboxes

Maze Pattern Toggle

A maze-like pattern fills with green when checked.

Live preview Checkboxes

Mesh Pattern Toggle

A mesh pattern fills with rose when checked.

Live preview Checkboxes

Stripes Pattern Toggle

Diagonal stripes fill with amber when checked.

Live preview Checkboxes

Wave Pattern Toggle

A wave pattern fills with blue when checked.

Live preview Checkboxes

Zigzag Pattern Toggle

A zigzag pattern fills with teal when checked.

Live preview Checkboxes

Peach Soft Toggle

A peach glows soft pink when checked.

Live preview Checkboxes

Peacock Toggle

A peacock flips green when checked.

Live preview Checkboxes

Pear Fresh Toggle

A pear brightens green when checked.

Live preview Checkboxes

Pearl Luster Toggle

A glowing pearl develops a soft iridescent sheen when checked.

Live preview Checkboxes

Pelican Toggle

A pelican glows white when checked.

Live preview Checkboxes

Pen Sign Toggle

A pen glows blue when checked.

Live preview Checkboxes

Pencil Write Toggle

A pencil wiggles yellow when checked.

Live preview Checkboxes

Penguin Waddle Toggle

A penguin waddles with an icy glow when checked.

Live preview Checkboxes

Pepper Spice Toggle

A hot pepper flames red when checked.

Live preview Checkboxes

Persimmon Toggle

A persimmon flips orange when checked.

#transform #border #bloom

Live preview Checkboxes

Blooming Petal Checkbox

Four petals unfold outward from a closed bud and the centre brightens.

Live preview Checkboxes

Petrel Toggle

A petrel rotates gray on check.

Live preview Checkboxes

Pheasant Toggle

A pheasant flips brown when checked.

Live preview Checkboxes

Phoebe Toggle

A phoebe bounces gray on check.

Live preview Checkboxes

Phone Call Toggle

A phone shakes green when checked.

Live preview Checkboxes

Piano Play Toggle

A piano glows white when checked.

Live preview Checkboxes

Pie Slice Toggle

A pie slice glows with a berry hue when checked.

Live preview Checkboxes

Pig Oink Toggle

A pig glows pink when checked.

Live preview Checkboxes

Pin Mark Toggle

A pin glows red when checked.

#gradient #shadow #transform

Live preview Checkboxes

Push Pin Checkbox

A pin head presses down into the surface and leaves a dented ring around it.

Live preview Checkboxes

Pina Colada Toggle

A pina colada shakes yellow when checked.

Live preview Checkboxes

Pineapple Tropical Toggle

A pineapple spins with a sunny glow when checked.

Live preview Checkboxes

Ping Pong Toggle

A ping pong paddle fades in orange when checked.

Live preview Checkboxes

Pintail Toggle

A pintail shakes brown when checked.

Live preview Checkboxes

Pipit Toggle

A pipit slides in brown when checked.

Live preview Checkboxes

Pixel Arrow Check

An 8-bit pixel arrow that fires green when checked.

#transform #border

Live preview Checkboxes

Pixel Circle Check

An 8-bit pixel art circle that lights up with a check when checked.

#transform #border

Live preview Checkboxes

Pixel Diamond Check

An 8-bit pixel diamond that shimmers cyan when checked.

#shadow #transform #filter

Live preview Checkboxes

Pixel Heart Check

An 8-bit pixel heart that fills in red when checked.

#transform #pixel

Live preview Checkboxes

Pixel Square Check

An 8-bit pixel art square that draws a checkmark when checked.

#border #pixel

Live preview Checkboxes

Pixel Star Check

An 8-bit pixel star that glows gold when checked.

#transform #pixel

Live preview Checkboxes

Pizza Order Toggle

A dim pizza emoji fills with warm color and rotates upright when ordered.

Live preview Checkboxes

Planet Orbit Toggle

A planet spins with a purple glow when checked.

Live preview Checkboxes

Plover Toggle

A plover spins gray when checked.

#gradient #shadow #transform

Live preview Checkboxes

Plug Connect Checkbox

A two-pin plug slides into the socket and the contact lamp turns green.

Live preview Checkboxes

Plus Grow Vertical

A horizontal bar grows a vertical bar to morph from minus into a plus when checked.

#border #css

Live preview Checkboxes

Pluto Dwarf Planet

An icy dwarf planet with a heart shape appears when checked.

#gradient #transform #border

Live preview Checkboxes

Police Car Toggle

A police car flashes blue when checked.

Live preview Checkboxes

Polo Toggle

A polo player flips brown when checked.

Live preview Checkboxes

Pomegranate Toggle

A pomegranate rotates red on check.

Live preview Checkboxes

Pomelo Toggle

A pomelo pulses yellow when checked.

Live preview Checkboxes

Pool Toggle

A pool ball pulses purple when checked.

Live preview Checkboxes

Popcorn Pop Toggle

A popcorn box pops with a buttery glow when checked.

Live preview Checkboxes

Post Office Toggle

A post office slides in blue when checked.

Live preview Checkboxes

Powderpost Beetle Toggle

A powderpost fades in brown when checked.

Live preview Checkboxes

Praying Mantis Toggle

A praying mantis shakes green when checked.

Live preview Checkboxes

Pretzel Twist Toggle

A pretzel twists with a golden glow when checked.

#gradient #transform #at-property

Live preview Checkboxes

Property Arc Checkbox

A registered percentage animates the conic arc smoothly instead of snapping.

Live preview Checkboxes

Property Sweep Checkbox

A registered percentage property animates a conic fill sweeping around the box.

#gradient #transform #at-property

Live preview Checkboxes

Prune Toggle

A prune rotates purple on check.

Live preview Checkboxes

Pu-erh Tea Toggle

A pu-erh slides in brown when checked.

Live preview Checkboxes

Puffin Toggle

A puffin pulses orange when checked.

Live preview Checkboxes

Punch Toggle

A punch fades in red when checked.

Live preview Checkboxes

Pyrite Fool's Gold

A metallic gold pyrite cube shines brightly when checked.

#animation #gradient #transform

Live preview Checkboxes

Quasar Energy Beams

A bright galactic core emits twin beams when checked.

Live preview Checkboxes

Rabbit Hop Toggle

A rabbit hops with a pink glow when checked.

Live preview Checkboxes

Raccoon Mask Toggle

A raccoon shakes with a gray glow when checked.

Live preview Checkboxes

Racquetball Toggle

A racquetball slides in blue when checked.

#animation #gradient #transform

Live preview Checkboxes

Radar Sweep Checkbox

A radar arm sweeps the dish once and a contact blip stays lit behind it.

Live preview Checkboxes

Radio Tune Toggle

A radio glows amber when checked.

#animation #transform #border

Live preview Checkboxes

Orbit Radio Group

Selecting a radio sends a small satellite dot into orbit around the filled centre.

Live preview Checkboxes

Rail Bird Toggle

A rail flips brown when checked.

Live preview Checkboxes

Rainbow Arc Toggle

A rainbow cycles hues when checked.

Live preview Checkboxes

Raisin Toggle

A raisin flips in brown when checked.

Live preview Checkboxes

Rambutan Toggle

A rambutan shakes red when checked.

Live preview Checkboxes

Ramen Slurp Toggle

A ramen bowl steams to life with a warm glow when checked.

Live preview Checkboxes

Raspberry Toggle

A raspberry spins pink when checked.

Live preview Checkboxes

Raven Toggle

A raven fades in black when checked.

Live preview Checkboxes

Redpoll Toggle

A redpoll glows red when checked.

Live preview Checkboxes

Redstart Toggle

A redstart rotates red on check.

Live preview Checkboxes

Relay Race Toggle

A relay baton spins yellow when checked.

Live preview Checkboxes

Rhinoceros Beetle Toggle

A rhino beetle shakes gray when checked.

Live preview Checkboxes

Rhombus Shape Toggle

A rhombus glows cyan when checked.

#transform #border #ribbon

Live preview Checkboxes

Ribbon Tie Checkbox

Two ribbon ends draw together and a knot pops into being where they cross.

Live preview Checkboxes

Auto Rickshaw Toggle

An auto rickshaw bounces in orange when checked.

Live preview Checkboxes

Ring Bling Toggle

A ring sparkles blue when checked.

Live preview Checkboxes

Ristretto Toggle

A ristretto shakes brown when checked.

Live preview Checkboxes

Robin Toggle

A robin flips red when checked.

Live preview Checkboxes

Rocket Launch Toggle

A rocket emoji lifts off with a tilted angle and exhaust glow when launched.

#animation #3d #shadow

Live preview Checkboxes

Rocket Ship Toggle

A rocket ship launches upward red when checked.

Live preview Checkboxes

Rose Romance Toggle

A rose glows deep red when checked.