Cards — 860 CSS effects

#animation #gradient #border

Masked Gradient Card

An animated angle drives a gradient that is masked to a one pixel border ring.

Graduation Card

Graduation card with a cap and tassel, diploma, and a class-year stamp.

Graduation Card

Graduation card with cap icon, year, and tassel accent.

Grocery Checklist Card

Grocery shopping checklist with items, quantities, and categories.

Group Chat Card

Group chat card with avatars, group name, and last message.

Gym Split Card

Gym routine card with split day, exercises, sets and reps.

Half-Elf Card

Half-elf card with versatile stats and charm trait.

Half-Orc Card

Half-orc card with relentless endurance and savage attack.

Halfling Card

Halfling card with lucky trait and nimble fingers.

Halloween Card

Spooky Halloween card with pumpkin and bat accents.

Health Bar Card

Floating health bar card with a chunky red bar, segment ticks, and a number.

#gradient #border

Heartbeat Pulse Card

Heartbeat monitor card with animated EKG line and BPM reading.

#hover #transform #shadow

Hearts Playing Card

Classic playing card with a large central heart and corner pips in red.

Hero Card

Hero character card with portrait, class, and power stat.

Hike Summit Card

Hiking summit card with elevation, distance, and trail rating.

Historical Figure Card

Historical figure card with portrait, dates, and achievement.

Hockey Match Card

Ice hockey match card with period and penalty timer.

#animation #gradient #shadow

Holiday Special Card

Holiday special card with falling snow, evergreen border, and a wreath badge.

Holiday Card

Generic holiday card with snowflake and warm wishes.

#gradient #animation #hover

Holographic Card

Iridescent holographic card that shimmers with a moving rainbow gradient on hover.

Homework Assignment Card

Homework assignment card with subject, due date, and status.

Hotel Room Card

Hotel room card with room number, floor, and key code.

Open Hours Card

Store hours sign card with a hanging OPEN badge and a weekly schedule.

Housewarming Card

Housewarming invite with home icon and new address.

Hunt Season Card

Hunting season card with species, tags, and zone.

Hurricane Card

Hurricane tracking card with category, wind speed, and pressure.

Hydration Bottle Card

Hydration tracker with animated water bottle fill level.

Ice Cream Card

Ice cream shop card with flavors list and toppings.

Ice Cream Scoop Card

Ice cream scoop card with stacked flavors, toppings, and cone.

ID Badge

Employee ID badge with a lanyard slot, photo placeholder and a barcode strip.

Illusionist Card

Illusionist card with mirror images and trick spell.

Info Tip Card

Info tip card with a blue i badge, a short tip, and a dismissible X button.

Info Kiosk Card

Information kiosk card with map, brochure, and staff hours.

Ingredient List Card

Recipe ingredient list card with quantities and check marks.

Instagram Post Card

Instagram-style post card with profile row, square image, and like/comment bar.

Intern Card

Intern ID card with university, mentor, and semester tag.

Inventory Slot Card

Inventory slot card with a beveled cell, item icon, and a quantity badge.

Invoice Card

Invoice card with line items, subtotal, tax, and a total amount due.

Detailed Invoice Card

Business invoice with bill-from/to, line items, and due date.

Item Card

Inventory item card with icon, rarity border, and stats.

Itinerary Card

Travel itinerary card with day-by-day schedule.

Jewelry Box Trinket Card

Jewelry box card with open lid, ring, and velvet padding.

Journal Entry Page Card

Journal page card with date, mood, and handwritten-style entry.

Juggler Card

Juggler performer card with multiple balls icon.

Kayak Paddle Card

Kayak trip card with river class, distance, and paddle strokes.

Keepsake Card

Heartfelt keepsake card with ribbon bow and dedication.

Keto Recipe Card

Keto recipe card with low-carb indicator and macro breakdown.

Keychain Tag Card

Personalized keychain tag card with name engraving and ring.

Keynote Pass

Keynote pass with spotlight, headliner name, and stage time.

Kickstarter Backer Card

Kickstarter backer pledge card with reward tier, funding progress, and backers.

Kiteboard Card

Kiteboarding session card with wind speed, kite size, and tricks.

Knight Card

Knight card with armor, sword, and shield crest.

Landmark Card

Landmark info card with icon, history, and visitor tip.

Landmark Statue Card

Landmark statue card with height, material, and year built.

Language Lesson Card

Language lesson card with progress, lesson title, and XP.

Language Selector Card

Language selector card with current language and dropdown.

#hover #shadow #border

#animation #transform #shadow

Last Chance Card

Last chance card with a pulsing red alert banner, sand timer, and urgent CTA.

Leaderboard Card

Leaderboard card with ranked rows, podium colors, and a score column.

Legendary Aura Card

Legendary card with a rotating golden aura, ornate corners, and a hero portrait.

Level Up Card

Level-up celebration card with a burst of rays, big level number, and confetti.

Level Up Card

Level up celebration card with arrow, new level, and stat boost.

Library Borrow Card

Library book checkout card with title, due date, and renewal option.

#gradient #animation #shadow

Driver License

Driver license card with a photo, personal info fields and an animated hologram strip.

Driver License

Driver license card with a state header, photo, signature line, and class.

Limited Edition Card

Limited edition card with a stamped serial number, foil seal, and gold trim.

Limited Pass Card

Limited edition pass card with low stock warning.

Live Stream Card

Live stream card with red LIVE badge and viewer count.

Location Pin Card

Map location card with a pin marker, address, distance, and a get-directions link.

Lottery Card

Lottery slip with numbered balls, a bonus star, and a serialized ticket code.

Lounge Access Card

Airport lounge access card with membership tier and rules.

Loyalty Card

Store loyalty card with member number and points balance.

Luggage Tag

Leather luggage tag with a strap loop, stamped initials, and destination field.

Luggage Tag Card

Luggage tag card with destination, flight, and weight.

Magazine Cover Card

Magazine cover card with masthead, cover line, and barcode strip at the bottom.

Magazine Cover Card

Magazine cover card with masthead, cover line, and barcode.

Magazine Issue Cover Card

Magazine cover card with masthead, issue title, and feature headlines.

Magic Spell Card

Magic the Gathering style spell with mana cost and effect.

Magician Card

Magician card with hat and rabbit icon, mystic theme.

Magnet Card

Magnet card with north/south poles and field lines.

Magnetic Stripe Card

Magnetic stripe card with a dark magstripe, signature panel, and card number.

Makeup Palette Swatches Card

Makeup palette card with color swatches and shade names.

Mana Bar Card

Mana bar card with a glowing blue fill, shimmer animation, and a numeric label.

Geography Map Card

Geography map card with country, capital, and continent.

Maps Directions Card

Maps directions card with route, ETA, and turn arrow.

Marathon Finish Card

Marathon finisher card with bib, splits, and pace.

Math Graph Card

Math graph card with function and plotted line.

Meal Planner Week Card

Weekly meal planner card with day grid and meal assignments.

Meal Prep Tray Card

Bento-style meal prep tray with food compartments and calorie total.

#shadow

Medal Card

Medal card with a ribbed ribbon, polished metal disc, and an embossed star.

Medication Dose Card

Medication dose tracker with pill name, dosage, frequency, and next time.

Meditation Bell Card

Meditation session card with breathing circle and timer.

Meetup Card

Casual meetup card with location pin, date, and RSVP count.

Membership Card

Premium membership card with a gold tier badge, chip, member name and join year.

Premium Membership Card

Premium membership card with tier stars and member since date.

Memorabilia Card

Sports memorabilia card with jersey number and authentication.