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
Live preview Cards
Gold Frame Card
Ornate gold-framed art card with a beveled mat, centerpiece, and plaque.
Live preview Cards
Frame Polaroid Set Card
Set of polaroid photos in fanned arrangement with captions.
Live preview Cards
Wood Frame Card
Wooden-framed card with a grain texture, landscape art, and a rustic feel.
Live preview Cards
Funicular Card
Funicular railway card with grade, length, and round-trip fare.
Live preview Cards
Live preview Cards
Game Cover Card
Video game box-art card with a title banner, rating badge and platform list.
Live preview Cards
Game Over Card
Game over card with glitchy red text, static lines, and a retry button.
Live preview Cards
Live preview Cards
Gauge Card
Gauge meter card with a semicircular arc, needle, and a value readout.
Live preview Cards
Get Well Card
Get well card with a thermometer, pill capsule, and a soothing pastel palette.
Live preview Cards
Live preview Cards
Gift Card
Festive gift card with a satin ribbon bow and a soft shimmer sweep on hover.
Live preview Cards
Live preview Cards
Gift Voucher Card
Gift voucher card with a decorative border, value, and a recipient line.
Live preview Cards
Glassmorphism Card
Frosted glass card with backdrop blur, translucent layers and a subtle glow.
Live preview Cards
Glitch Card
Card with an animated RGB-split glitch effect on its title that fires on hover.
Live preview Cards
Live preview Cards
Live preview Cards
Live preview Cards
Live preview Cards
Live preview Cards
Goodbye Card
Farewell card with a waving flag, dotted trail, and a heartfelt sign-off.
Live preview Cards
Grade Bookmark Card
Grade card with bookmark shape, letter grade, and class context.
Live preview Cards
Animated Gradient Border
Card with a continuously animated multi-color gradient border using a mask technique.
Live preview Cards
Graduation Card
Graduation card with a cap and tassel, diploma, and a class-year stamp.
Live preview Cards
Live preview Cards
Grocery Checklist Card
Grocery shopping checklist with items, quantities, and categories.
Live preview Cards
Live preview Cards
Live preview Cards
Live preview Cards
Live preview Cards
Live preview Cards
Live preview Cards
Health Bar Card
Floating health bar card with a chunky red bar, segment ticks, and a number.
Live preview Cards
Heartbeat Pulse Card
Heartbeat monitor card with animated EKG line and BPM reading.
Live preview Cards
Live preview Cards
Hike Summit Card
Hiking summit card with elevation, distance, and trail rating.
Live preview Cards
Historical Figure Card
Historical figure card with portrait, dates, and achievement.
Live preview Cards
Live preview Cards
Holiday Special Card
Holiday special card with falling snow, evergreen border, and a wreath badge.
Live preview Cards
Live preview Cards
Holographic Card
Iridescent holographic card that shimmers with a moving rainbow gradient on hover.
Live preview Cards
Hologram Projection
Floating translucent hologram card with scan lines and a pulsing blue glow.
Live preview Cards
Live preview Cards
Open Hours Card
Store hours sign card with a hanging OPEN badge and a weekly schedule.
Live preview Cards
Live preview Cards
Live preview Cards
Hurricane Card
Hurricane tracking card with category, wind speed, and pressure.
Live preview Cards
Hydration Bottle Card
Hydration tracker with animated water bottle fill level.
Live preview Cards
Live preview Cards
Ice Cream Scoop Card
Ice cream scoop card with stacked flavors, toppings, and cone.
Live preview Cards
Live preview Cards
Live preview Cards
Info Tip Card
Info tip card with a blue i badge, a short tip, and a dismissible X button.
Live preview Cards
Live preview Cards
Instagram Post Card
Instagram-style post card with profile row, square image, and like/comment bar.
Live preview Cards
Live preview Cards
Inventory Slot Card
Inventory slot card with a beveled cell, item icon, and a quantity badge.
Live preview Cards
Live preview Cards
Jewelry Box Trinket Card
Jewelry box card with open lid, ring, and velvet padding.
Live preview Cards
Journal Entry Page Card
Journal page card with date, mood, and handwritten-style entry.
Live preview Cards
Live preview Cards
Kayak Paddle Card
Kayak trip card with river class, distance, and paddle strokes.
Live preview Cards
Live preview Cards
Keto Recipe Card
Keto recipe card with low-carb indicator and macro breakdown.
Live preview Cards
Keychain Tag Card
Personalized keychain tag card with name engraving and ring.
Live preview Cards
Live preview Cards
Kickstarter Backer Card
Kickstarter backer pledge card with reward tier, funding progress, and backers.
Live preview Cards
Live preview Cards
Live preview Cards
Live preview Cards
Landmark Statue Card
Landmark statue card with height, material, and year built.
Live preview Cards
Legendary Aura Card
Legendary card with a rotating golden aura, ornate corners, and a hero portrait.
Live preview Cards
Level Up Card
Level-up celebration card with a burst of rays, big level number, and confetti.
Live preview Cards
Level Up Card
Level up celebration card with arrow, new level, and stat boost.
Live preview Cards
Library Borrow Card
Library book checkout card with title, due date, and renewal option.
Live preview Cards
Driver License
Driver license card with a photo, personal info fields and an animated hologram strip.
Live preview Cards
Driver License
Driver license card with a state header, photo, signature line, and class.
Live preview Cards
Limited Edition Card
Limited edition card with a stamped serial number, foil seal, and gold trim.
Live preview Cards
Live preview Cards
Live preview Cards
Location Pin Card
Map location card with a pin marker, address, distance, and a get-directions link.
Live preview Cards
Lottery Card
Lottery slip with numbered balls, a bonus star, and a serialized ticket code.
Live preview Cards
Live preview Cards
Live preview Cards
Luggage Tag
Leather luggage tag with a strap loop, stamped initials, and destination field.
Live preview Cards
Live preview Cards
Magazine Cover Card
Magazine cover card with masthead, cover line, and barcode strip at the bottom.
Live preview Cards
Magazine Cover Card
Magazine cover card with masthead, cover line, and barcode.
Live preview Cards
Magazine Issue Cover Card
Magazine cover card with masthead, issue title, and feature headlines.
Live preview Cards
Live preview Cards
Live preview Cards
Live preview Cards
Magnetic Stripe Card
Magnetic stripe card with a dark magstripe, signature panel, and card number.