Cards — 860 CSS effects
Content cards, product surfaces, and layered interface panels.
Pure CSS with no dependencies or build step. Open any effect for a live preview, source code, and browser editing.
Page 4 of 9
Cards effects
Clubs Playing Card
Black clubs playing card with traditional three-lobed pip and clean white face.
Coat Check Card
Coat check tag card with a hanging string, number, and a hanger glyph.
Cocktail Hour Special Card
Golden hour cocktail special card with featured drink, time, and price.
Coffee Bean Origin Card
Coffee bean origin card with country, roast, flavor notes, and altitude.
Coin Album Grading Card
Coin collection card with mounted coins, grades, and year labels.
Collector Card
Sleeved collector card with a numbered holographic stamp and a centered figure.
Coming Soon Card
Coming soon teaser card with a blurred image, countdown, and notify button.
Comparison Card
Feature comparison card with a check/cross matrix across three plan columns.
Compass Card
Compass card with a rotating needle, cardinal points, and a brass finish.
Concert Ticket
Glowing concert wristband-ticket with stage spotlight bars and neon gradient.
Concert Poster Card
Concert poster card with bold typography, starburst rays, and a date banner.
Congratulations Card
Congratulations card with confetti burst, stars, and bold celebratory typography.
Conic Glow Border
Card with a rotating conic-gradient border that glows around the edges.
Connection Flight Card
Flight connection card with layover time and next gate.
Constellation Card
Constellation card with connected star pattern and mythology.
Container Query Card
The card switches from stacked to side-by-side based on its own width, not the viewport.
Game Controller Card
Game controller product card with a controller silhouette and spec list.
Corner Peel Card
The top-right corner curls away like paper and reveals a coloured underside.
Counter Card
Animated counter card with rolling digits, a label, and a small delta.
Country Fact Card
Country fact card with capital, population, and flag colors.
Course Enroll Now Card
Online course enrollment card with title, lessons, duration, and price.
Crafting Recipe Card
Crafting recipe card with an ingredient grid, an arrow, and the resulting item.
Crypto Wallet Card
Crypto card with a bitcoin glyph, balance, and an animated blockchain hash strip.
Currency Note Card
Banknote-style card with a denomination, portrait oval, and serial numbers.
Currency Exchange Card
Currency exchange card with rate, buy/sell spread, and fee.
Cyberpunk Card
Neon-drenched cyberpunk card with corner brackets, scan lines and a glitch hover effect.
Cycling Cadence Card
Cycling stats card with speed, cadence, distance, and power output.
Dairy Free Card
Dairy-free product card with leaf icon and plant-based callout.
Depth Shadow Card
Card that lifts off the surface with a deep, color-matched drop shadow on hover.
Dessert Feature Card
Featured dessert card with image, name, description, and price.
Dialog Box Card
RPG dialog box card with a portrait, scrolling text, and a continue arrow.
Diamonds Playing Card
Crisp red diamonds playing card with rotated corner labels and bold center pip.
Diploma Card
Diploma card with a rolled scroll, ribbon, and embossed university crest.
Domino Card
Domino tile card with two halves, dotted pips, and a beveled bone finish.
Download Progress Card
Download progress card with file name, size, and bar.
Driver License
Driver license card with photo, class, and organ donor indicator.
Early Bird Card
Early bird offer card with a sunrise gradient, bird glyph, and countdown timer.
Solar Eclipse Card
Solar eclipse card with timing, magnitude, and visibility region.
Envelope Card
Mailed envelope card with a flap, postage stamp, and an address window.
Epic Frame Card
Epic-tier purple card with a charged arcane frame and crackling edge energy.
Error 404 Card
404 error card with a glitchy number, lost-in-space motif, and a home button.
Event RSVP Confirm Card
Event RSVP card with details, attendee count, and confirm action.
Exclusive Member Card
Members-only exclusive card with a deep navy gradient, monogram, and emboss feel.
Expo Badge
Hanging expo badge with lanyard slot, photo, name, and booth row.
F1 Podium Card
Formula 1 race result card with top 3 finishers and fastest lap.
Fasting Window Card
Intermittent fasting card with timer, window, and status clock.
Father's Day Card
Father's Day card with necktie icon and appreciative message.
Feature Grid Card
Feature grid card with four icon tiles, each with a short label and accent color.
Featured Banner Card
Featured product card with a top FEATURED pill, hero image, and a CTA button.
Fingerprint Unlock Card
Fingerprint unlock card with icon, label, and ripple.
Flash Sale Card
Flash sale card with lightning bolt accents, a yellow flash banner, and timer.