Most Popular CSS Effects (Page 11)

Live preview Cards

Souvenir Magnet Fridge Card

Fridge souvenir magnet card with destination name and magnetic backing.

#gradient #transform #shadow

Live preview Cards

Spell Scroll Card

Spell scroll card with rune, mana cost, and incantation.

#gradient #shadow #border

Live preview Cards

Statistics Card

Dashboard stat card with a big number, trend arrow and an animated mini sparkline.

#gradient #animation #shadow

Live preview Cards

KPI Stat Card

KPI stat card with a big number, trend arrow, and a comparison vs last period.

#gradient #shadow #border

Live preview Cards

Sticky Note

Yellow sticky note with tape on top, a checklist and a curled bottom corner.

#gradient #3d #shadow

Live preview Cards

Street Food Card

Street food card with vendor cart icon and price list.

#gradient #shadow #border

Live preview Cards

Teacher Profile Bio Card

Teacher bio card with avatar, name, subject, and contact info.

#gradient #shadow #border

Live preview Cards

Tennis Set Card

Tennis match card with player names and current set scores.

#gradient #shadow #border

Live preview Cards

Time Zone Card

World clock card with timezone, current time, and offset.

#gradient #shadow #border

Live preview Cards

Tourist Trolley Card

Tourist trolley card with vintage look, route, and stops.

#gradient #shadow #border

Live preview Cards

Train Pass Card

Train pass card with a route diagram, class badge, and a seat assignment.

#gradient #transform #shadow

Live preview Cards

Valentine Card

Valentine card with heart icon and love message.

#gradient #shadow #border

Live preview Cards

Vegan Meal Card

Vegan meal card with green accent and plant-based label.

#gradient #shadow #border

Live preview Cards

VHS Tape Card

VHS tape card with a window reveal, side label, and retro 80s aesthetic.

#gradient #shadow #border

Live preview Cards

VIP Lanyard

VIP lanyard badge hanging from a strap with a gold VIP tag and QR-like patch.

#gradient #shadow #border

Live preview Cards

Visa Application Card

Visa application card with type, duration, and status.

#gradient #shadow #border

Live preview Cards

Wallet Balance Card

Digital wallet card with stacked card glyphs, balance, and a top-up button.

#gradient #shadow #border

Live preview Cards

Wardrobe Outfit Card

Wardrobe outfit card with clothing items and occasion label.

#gradient #shadow

Live preview Cards

Warning Banner Card

Warning banner card with a triangle icon, amber stripe, and an action link.

#animation #gradient #transform

Live preview Cards

Water Cycle Card

Water cycle card with evaporation, condensation, and precipitation.

#gradient #shadow #border

Live preview Cards

Wax Seal Card

Card featuring a prominent red wax seal with an embossed monogram.

#gradient #shadow #border

Live preview Cards

Snow Weather Card

Snowy weather card with drifting snowflakes over a frosty pale-blue field.

#animation #gradient #transform

Live preview Cards

Webinar Link Card

Digital webinar card with join button, countdown, and online indicator.

#gradient #shadow

Live preview Cards

Wedding Invitation

Wedding invitation card with floral corner, script names, and ceremony details.

#gradient #transform #shadow

Live preview Cards

Wine Cellar Bottle Card

Wine cellar bottle card with vintage, region, rating, and storage position.

#gradient #transform #shadow

Live preview Cards

Wine List Card

Wine list card with vintage, region, and varietal.

#gradient #shadow #border

Live preview Cards

Wizard Card

Wizard card with pointy hat, spell book, and mana.

#gradient #shadow #border

Live preview Cards

Workout Set Card

Workout set tracker with exercise, sets, reps, weight, and progress bar.

#gradient #transform #shadow

Live preview Cards

Workout Split Day Card

Weekly workout split showing day focus and exercise list.

#gradient #shadow #border

Live preview Cards

Event Wristband

Fabric event wristband with patterned weave, a clasp, and day-stamp text.

#gradient #transform #shadow

Live preview Cards

Yoga Asana Card

Yoga pose card with sanskrit name, difficulty, and duration.

#gradient #shadow

Live preview Cards

Yu-Gi-Oh Card

Yu-Gi-Oh style monster card with ATK/DEF and star level.

#gradient #shadow #border

Live preview Checkboxes

3D Cube Check

A rotating 3D cube that turns green when checked.

#transform #border #3d

Live preview Checkboxes

Acai Toggle

An acai spins purple when checked.

#animation #transform #shadow

Live preview Checkboxes

Affogato Toggle

An affogato slides in brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Agate Banded Stone

An agate stone with concentric bands glows when checked.

#gradient #shadow #border

Live preview Checkboxes

Agua Fresca Toggle

An agua fresca slides in blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Alarm Clock Toggle

An alarm clock shakes red when checked.

#animation #transform #shadow

Live preview Checkboxes

Albatross Toggle

An albatross glows sky-blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Ambulance Toggle

An ambulance pulses red when checked.

#animation #transform #shadow

Live preview Checkboxes

Amethyst Purple Gem

A purple amethyst crystal sparkles when checked.

#gradient #shadow #border

Live preview Checkboxes

Ant March Toggle

An ant wiggles with a dark glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Aurora Glow Toggle

A box that glows with shifting aurora gradients when checked.

#animation #gradient #transform

Live preview Checkboxes

Balloon Float Toggle

A balloon floats with a red glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Banana Peel Toggle

A banana peel rotates yellow on check.

#transform #shadow #filter

Live preview Checkboxes

Bank Toggle

A bank scales in gold when checked.

#transform #shadow #filter

Live preview Checkboxes

Baseball Toggle

A baseball bounces white on check.

#animation #transform #shadow

Live preview Checkboxes

Bat Fly Toggle

A bat flutters with a dark glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Beamed Sixteenths Toggle

Beamed sixteenth notes scale in teal when checked.

#transform #shadow #filter

Live preview Checkboxes

Bear Hug Toggle

A bear pops with a brown glow when checked.

#transform #shadow #filter

Live preview Checkboxes

Bedbug Toggle

A bedbug rotates red on check.

#transform #shadow #filter

Live preview Checkboxes

Bounce Spring Checkmark

A checkmark that pops in with a springy bounce when the checkbox is toggled on.

#border #transform #rotate

Live preview Checkboxes

Bounce Pop Checkbox

The whole control squashes and springs back the moment the state changes.

#animation #transform #border

Live preview Checkboxes

Bubble Pop Checkbox

A soap bubble swells past its limit, bursts, and leaves the tick in its place.

#animation #gradient #transform

Live preview Checkboxes

Cantaloupe Toggle

A cantaloupe glows orange when checked.

#transform #shadow #filter

Live preview Checkboxes

Cat Purr Toggle

A cat face purrs with an orange glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Cheese Wedge Toggle

A cheese wedge brightens yellow when checked.

#animation #transform #shadow

Live preview Checkboxes

Circuit Trace Checkbox

Current runs along an SVG circuit path and lights the pad at the far end.

#svg #stroke #border

Live preview Checkboxes

Cloud Drift In

A cloud emoji drifts in from the left with a soft blue glow and gentle bob when checked.

#animation #shadow #transform

Live preview Checkboxes

Coconut Toggle

A coconut spins brown when checked.

#animation #transform #shadow

Live preview Checkboxes

Coffee Brew Toggle

A coffee cup steams up with a brown glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Coin Flip Toggle

A coin spins gold when checked.

#transform #shadow #filter

Live preview Checkboxes

Color Sweep Check

A diagonal color sweep wipes across the checkbox leaving the checkmark behind when checked.

#gradient #border #transform

Live preview Checkboxes

Constellation Connect

Stars connect with lines to form a constellation when checked.

#border #svg #stroke

Live preview Checkboxes

Cosmic Ray Beam

A high-energy cosmic ray beam shoots through the box when checked.

#animation #gradient #transform

Live preview Checkboxes

Crane Toggle

A crane flips gray when checked.

#transform #shadow #filter

Live preview Checkboxes

Dove Toggle

A dove rotates white on check.

#transform #shadow #filter

Live preview Checkboxes

Dragonfly Toggle

A dragonfly slides in blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Drawn Path Checkbox

An SVG tick draws itself stroke by stroke using a dash offset transition.

#border #svg #stroke

Live preview Checkboxes

Drum Beat Toggle

A drum shakes red when checked.

#animation #transform #shadow

Live preview Checkboxes

Eagle Soar Toggle

An eagle soars with a golden glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Emerald Green Gem

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

#gradient #shadow #border

Live preview Checkboxes

Falcon Toggle

A falcon shakes brown when checked.

#animation #transform #shadow

Live preview Checkboxes

Fig Toggle

A fig fades in purple when checked.

#transform #shadow #filter

Live preview Checkboxes

Fire Ignite Toggle

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

#animation #shadow #transform

Live preview Checkboxes

Fire Truck Toggle

A fire truck shakes in red-orange when checked.

#animation #transform #shadow

Live preview Checkboxes

Flower Bloom

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

#shadow #transform #filter

Live preview Checkboxes

Fold Flip Checkbox

The box rotates on its X axis and lands on a green face carrying the tick.

#transform #border #3d

Live preview Checkboxes

Frosted Glass Checkbox

The blur lifts off a frosted pane and the mark behind it comes into focus.

#filter #gradient #border

Live preview Checkboxes

Giraffe Tall Toggle

A giraffe brightens with a yellow glow when checked.

#transform #shadow #filter

Live preview Checkboxes

Glassmorphism Rose

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

#transform #shadow #border

Live preview Checkboxes

Goldeneye Toggle

A goldeneye bounces yellow on check.

#animation #transform #shadow

Live preview Checkboxes

Red Grape Toggle

Red grapes shake when checked.

#animation #transform #shadow

Live preview Checkboxes

Grapefruit Toggle

A grapefruit spins pink when checked.

#animation #transform #shadow

Live preview Checkboxes

Guitar Strum Toggle

A guitar glows amber when checked.

#animation #transform #shadow

Live preview Checkboxes

Has-Selector Select All

The parent row reads its children through :has() and reports partial or full.

#border #shadow #transform

Live preview Checkboxes

Heart Favorite Toggle

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

#animation #shadow #transform

Live preview Checkboxes

Jasper Spotted Stone

A red jasper stone with speckled pattern appears when checked.

#gradient #shadow #border

Live preview Checkboxes

Joystick Play Toggle

A joystick glows red when checked.

#animation #transform #shadow

Live preview Checkboxes

Kefir Toggle

A kefir rotates white on check.

#transform #shadow #filter

Live preview Checkboxes

Keyboard Type Toggle

A keyboard glows gray when checked.

#animation #transform #shadow

Live preview Checkboxes

Koala Sleep Toggle

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

#animation #transform #shadow

Live preview Checkboxes

Leaf Grow Toggle

A leaf emoji grows in from a small scale with a green glow when checked.

#shadow #transform #filter

Live preview Checkboxes

Leaf Miner Toggle

A leaf miner flips green when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter C Toggle

Letter C rotates amber when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter E Toggle

Letter E bounces in lime when checked.

#transform #shadow #filter

Most viewed effects

Browse by category

Popular tags