Most Popular CSS Effects (Page 9)

Live preview Cards

Dive Buddy Card

Scuba dive card with depth, time, and air consumption.

#gradient #shadow #border

Live preview Cards

Dragonborn Card

Dragonborn card with breath weapon and scales.

#gradient #shadow #border

Live preview Cards

Editor's Choice Card

Editor's choice card with a wax seal stamp and a serif review excerpt.

#gradient #shadow #border

Live preview Cards

Employee Badge

Corporate employee badge with a clip slot, photo, department, and access tier.

#gradient #transform #shadow

Live preview Cards

Esports Bracket Card

Esports tournament bracket card with teams, score, and best-of.

#gradient #shadow #border

Live preview Cards

Country Fair Ticket

Rustic country fair ticket with kraft paper, gingham accent, and prize ribbon.

#gradient #shadow #border

Live preview Cards

Fairy Card

Fairy card with sparkle wings and enchantment.

#gradient #shadow #border

Live preview Cards

Ferris Wheel Card

Ferris wheel ride card with view height and duration.

#gradient #shadow #border

Live preview Cards

Flip Flashcard Card

3D flip flashcard with term on front and definition on back.

#hover #gradient #transform

Live preview Cards

Flip Reveal Card

The card rotates on its vertical axis to show the details written on the back.

#hover #transform #3d

Live preview Cards

Fridge Magnet Note Card

Fridge magnet sticky note card with shopping list and magnet corner.

#shadow

Live preview Cards

Friend Request Card

Friend request card with avatar, mutual friends, and buttons.

#gradient #shadow #border

Live preview Cards

GoFundMe Donate Cause Card

Donation campaign card with cause, raised amount, and donate action.

#gradient #shadow #border

Live preview Cards

Guest List Card

Exclusive guest list card with check marks and plus-one indicator.

#gradient #shadow #border

Live preview Cards

Hologram Projection

Floating translucent hologram card with scan lines and a pulsing blue glow.

#gradient #animation #glass

Live preview Cards

Macro Tracker Card

Macronutrient tracker card with protein, carbs, fat split as stacked bars.

#gradient #transform #shadow

Live preview Cards

Merry-Go-Round Card

Carousel ride card with horse icon and ride duration.

#gradient #shadow #border

Live preview Cards

Molecule Card

Molecule card with formula, bonds, and structure name.

#gradient #transform #shadow

Live preview Cards

MotoGP Card

MotoGP race card with grid position, lap times, and rider number.

#gradient #shadow

Live preview Cards

New Arrival Tag

Product card with a diagonal NEW ARRIVAL corner ribbon and a soft image block.

#gradient #transform #shadow

Live preview Cards

Newsletter Signup Card

Newsletter signup card with email input and subscribe button.

#gradient #shadow #border

Live preview Cards

Now Playing Card

Compact now playing card with track, artist, and progress.

#gradient #shadow #filter

Live preview Cards

Pet Vaccination Card

Pet vaccination record with vaccine name, date, and next due.

#shadow #border

Live preview Cards

pH Scale Card

pH scale card with acid, neutral, and base markers.

#gradient #shadow

Live preview Cards

Pilates Reformer Card

Pilates reformer class card with spring load and exercise sequence.

#gradient #shadow #border

Live preview Cards

Podcast Mini Card

Podcast mini card with cover, episode title, and play button.

#gradient #shadow #border

Live preview Cards

9-Ball Pool Card

9-ball pool rack card with ball order and breaker.

#gradient #shadow #border

Live preview Cards

Vintage Postcard

Aged postcard with a stamp, circular postmark, address lines and a handwritten greeting.

#gradient #shadow #border

Live preview Cards

Promotion Card

Promotion card with an upward arrow, trophy, and gold confetti accents.

#animation #gradient #shadow

Live preview Cards

Punnett Square Card

Punnett square card with allele combinations and offspring ratios.

#shadow

Live preview Cards

Recent Card

Recently-viewed card with a clock badge, faded thumbnail, and a timestamp.

#gradient #transform #shadow

Live preview Cards

Highway Rest Stop Card

Highway rest stop card with amenities, fuel, and food options.

#gradient #shadow #border

Live preview Cards

Ribbon Award Card

Ribbon award card with a rosette, dangling tails, and a center medallion.

#gradient #transform #shadow

Live preview Cards

Ride Share Card

Ride share card with driver, ETA, and license plate.

#shadow #border

Live preview Cards

Souvenir Magnet Fridge Card

Fridge souvenir magnet card with destination name and magnetic backing.

#gradient #transform #shadow

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

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

Train Pass Card

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

#gradient #transform #shadow

Live preview Cards

Troll Card

Troll card with regeneration and claw attack.

#gradient #shadow #border

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

Visa Stamp Card

Passport visa stamp card with an angled ink stamp and entry/exit details.

#gradient #transform #shadow

Live preview Cards

Wardrobe Outfit Card

Wardrobe outfit card with clothing items and occasion label.

#gradient #shadow

Live preview Cards

Water Cycle Card

Water cycle card with evaporation, condensation, and precipitation.

#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

Weather Today Card

Today's weather widget with temperature, condition, and high/low.

#gradient #shadow #border

Live preview Cards

Webinar Link Card

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

#gradient #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

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

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

Circuit Trace Checkbox

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

#svg #stroke #border

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

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

Duck Toggle

A duck flips orange when checked.

#transform #shadow #filter

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

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

Has-Selector Select All

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

#border #shadow #transform

Live preview Checkboxes

Jasper Spotted Stone

A red jasper stone with speckled pattern appears when checked.

#gradient #shadow #border

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

Lever Pull Checkbox

A mechanical lever swings from the off notch down into the on notch.

#transform #border #lever

Browse by category

Popular tags