Most popular CSS effects

#animation #gradient #transform

Live preview Checkboxes

Opal Multi-Color Toggle

A multi-colored opal shifts through iridescent hues when checked.

Live preview Checkboxes

Orange Citrus Toggle

An orange spins with an orange glow when checked.

Live preview Checkboxes

Oriole Toggle

An oriole pulses orange when checked.

Live preview Checkboxes

Osprey Toggle

An osprey flips brown when checked.

Live preview Checkboxes

Otter Float Toggle

An otter floats with a blue glow when checked.

Live preview Checkboxes

Owl Hoot Toggle

An owl glows with a moonlit hue when checked.

Live preview Checkboxes

Oystercatcher Toggle

An oystercatcher fades in black when checked.

Live preview Checkboxes

Pagoda Toggle

A Japanese pagoda rotates red when checked.

Live preview Checkboxes

Palm Tropical Toggle

A palm tree sways green when checked.

Live preview Checkboxes

Panda Bamboo Toggle

A panda brightens with a soft glow when checked.

Live preview Checkboxes

Papaya Toggle

A papaya flips on Y axis when checked.

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.

#shadow #transform #filter

Live preview Checkboxes

Paw Print Toggle

A grayscale paw-print emoji fills in and pads down with a warm glow when toggled on.

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.

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.

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

Live preview Checkboxes

Pixel Square Check

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

#border

Live preview Checkboxes

Pixel Star Check

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

#transform

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 #transform #border

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.

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

3D Press Check

A chunky 3D button-style checkbox that presses down and turns green when checked.

#3d #shadow #border

Live preview Checkboxes

Pretzel Twist Toggle

A pretzel twists with a golden glow when checked.

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

Pulsar Radio Beams

Concentric radio waves pulse outward when this star is 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.

Live preview Checkboxes

Quarter Note Toggle

A quarter note symbol fades in blue when checked.

#animation #gradient #transform

Live preview Checkboxes

Quartz Cluster Toggle

A cluster of quartz points lights up when checked.

#gradient #border

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.

Live preview Checkboxes

Radio Tune Toggle

A radio glows amber when checked.

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.