Live preview Cards
#gradient CSS effects
4,959 free, pure-CSS effects match the "gradient" tag. Each is copy-ready and needs no library or build step.
Live preview Cards
Popular Card
Popular card with a speech-bubble badge, soft gradient, and a vote count.
Live preview Cards
Postage Stamp Card
Postage stamp card with a perforated edge, denomination, and a tiny landscape.
Live preview Cards
Vintage Postcard
Aged postcard with a stamp, circular postmark, address lines and a handwritten greeting.
Live preview Cards
Postcard Travel Memory Card
Travel postcard card with destination image, message, and stamp.
Live preview Cards
Live preview Cards
Live preview Cards
Live preview Cards
Press Pass
Press credential card with a red PRESS banner, photo box, and media outlet line.
Live preview Cards
Pressable 3D Card
Chunky 3D card with a thick colored base that presses down flat on click.
Live preview Cards
Live preview Cards
Pricing Card
Pricing tier card with feature list and a featured highlight badge that lifts on hover.
Live preview Cards
Pricing Tier Card
Pricing tier card with a highlighted PRO plan, feature list, and a CTA button.
Live preview Cards
Live preview Cards
Profile Card
Profile card with an avatar that zooms and a stats bar that slides up on hover.
Live preview Cards
Live preview Cards
Progress Card
Goal progress card with a percentage, animated bar, and a streak counter.
Live preview Cards
Promo Code Card
Promo code card with a dashed cut-out, monospace code, and a copy hint.
Live preview Cards
Punch Card
Paper punch card with circular slots, a couple of which are punched through.
Live preview Cards
Puzzle Piece Card
Puzzle piece card with protruding tabs, a notched edge, and a question glyph.
Live preview Cards
QR Code Card
QR code card with a pixelated square pattern, brand label, and a scan hint.
Live preview Cards
Quest Card
RPG quest card with a scroll background, objective, reward, and progress.
Live preview Cards
Live preview Cards
Live preview Cards
Live preview Cards
Live preview Cards
Live preview Cards
Live preview Cards
Live preview Cards
Live preview Cards
Live preview Cards
Live preview Cards
Quote Card
Elegant quote card with an oversized opening quotation mark and an attribution line.
Live preview Cards
Raffle Ticket
Two-part raffle ticket with a tear-line and matching keep/drop numbers.
Live preview Cards
Live preview Cards
Live preview Cards
Ramen Bowl Steam Card
Ramen bowl card with noodles, broth, toppings, and rising steam.
Live preview Cards
Live preview Cards
Live preview Cards
Live preview Cards
Live preview Cards
Live preview Cards
Rare Glow Card
Rare-tier card framed in a pulsing blue energy border with a crystalline emblem.
Live preview Cards
Live preview Cards
Paper Receipt
Store receipt with a torn zigzag bottom edge, itemized list and a total.
Live preview Cards
Detailed Receipt Card
Detailed store receipt with itemized list, subtotal, tax, total.
Live preview Cards
Recent Card
Recently-viewed card with a clock badge, faded thumbnail, and a timestamp.
Live preview Cards
Recipe Card
Vintage recipe card on cream paper with a header, ingredient list and time meta.
Live preview Cards
Recipe Bookmark Save Card
Recipe bookmark card with title, save action, and category ribbon.
Live preview Cards
Dessert Recipe Card
Dessert recipe card with photo, prep time, and difficulty.
Live preview Cards
Recipe Meal Card
Recipe card with a food photo, prep time chip, and an ingredient count.
Live preview Cards
Recommended Card
Recommended card with a thumbs-up badge, image block, and a match-percent line.
Live preview Cards
Live preview Cards
Reminder Card
Reminder card with a bell icon, snooze option, and a soft pastel background.
Live preview Cards
Live preview Cards
Live preview Cards
Live preview Cards
Highway Rest Stop Card
Highway rest stop card with amenities, fuel, and food options.
Live preview Cards
Restaurant Menu Board Card
Chalkboard-style restaurant menu with featured dishes and prices.
Live preview Cards
Restaurant Reservation Card
Restaurant reservation card with date, party size, and table.
Live preview Cards
Retirement Card
Retirement card with a hammock glyph, sunset gradient, and a thank-you message.
Live preview Cards
Live preview Cards
Retro Terminal Card
Old-school CRT terminal card with scanlines, blinking cursor and monochrome green.
Live preview Cards
Live preview Cards
Live preview Cards
Live preview Cards
Live preview Cards
Live preview Cards
Roller Coaster Card
Roller coaster card with height requirement and thrill rating.
Live preview Cards
RPG Map Card
Treasure map card with a parchment texture, dotted path, and an X marker.
Live preview Cards
Live preview Cards
Run Route Map Card
Running route card with distance, pace, time, and elevation profile.
Live preview Cards
Live preview Cards
Live preview Cards
Scrapbook Page Card
Scrapbook page card with photo placeholder, washi tape, and caption.
Live preview Cards
Scratch Card
Scratch-off card with a metallic foil patch, prize hint, and a coin-edge detail.
Live preview Cards
Live preview Cards
Scroll Letter Card
Aged scroll letter card with rolled ends, ornate header, and inked script.
Live preview Cards
Live preview Cards
Live preview Cards
Live preview Cards
Seasonal Card
Seasonal autumn card with falling leaves, warm orange palette, and pumpkin badge.
Live preview Cards
Live preview Cards
Live preview Cards
Server Status Card
Server status card with a pulsing green LED, uptime, and a response time.
Live preview Cards
Shelf Organizer Bin Card
Storage shelf organizer card with labeled bins in a row.
Live preview Cards
Shine Sweep Card
Card with a diagonal shine that sweeps across the surface on hover.
Live preview Cards
Shop Item Card
Game shop item card with item art, gold price, and a buy button.
Live preview Cards
Live preview Cards
Live preview Cards
Live preview Cards
Skateboard Deck Card
Skateboard deck card with trick, ramp, and landing score.
Live preview Cards
Live preview Cards
Live preview Cards