Cards — 860 CSS effects

3D Flip Card

Card that rotates 180 degrees on the Y axis on hover to reveal a back face.

#gradient #hover #3d

Event Flyer Card

Bold event flyer card with a torn-paper look, big headline, and date strip.

#gradient #shadow #filter

Foil Shimmer Card

Rainbow foil card whose surface ripples with a prismatic sheen as you hover.

Folder Tab Label Card

Manila folder card with file tab label and document lines.

#shadow

Food Chain Card

Food chain diagram card with producers, consumers, and apex.

Food Pyramid Card

Food pyramid card with trophic levels and energy transfer.

#shadow

Touchdown Card

NFL touchdown card with yard line and scoring play.

Forecast Week Card

Seven-day forecast card with day labels, mini icons, and high/low temperatures.

Math Formula Card

Math formula card with name, equation, and variables.

Fortune Teller Card

Fortune teller card with crystal ball and mystic vibe.

Forum Badge

Forum community badge with avatar, post count, and reputation stars.

Founders Card

Founders pack card with exclusive badge and perks.

Gold Frame Card

Ornate gold-framed art card with a beveled mat, centerpiece, and plaque.

Frame Polaroid Set Card

Set of polaroid photos in fanned arrangement with captions.

Wood Frame Card

Wooden-framed card with a grain texture, landscape art, and a rustic feel.

Funnel Cake Card

Carnival funnel cake card with price and powdered sugar tag.

Game Cover Card

Video game box-art card with a title banner, rating badge and platform list.

#gradient #hover #shadow

#animation #gradient #shadow

Game Over Card

Game over card with glitchy red text, static lines, and a retry button.

Gate Card

Airport gate card with boarding time and gate number.

Gauge Card

Gauge meter card with a semicircular arc, needle, and a value readout.

Geometry Shape Card

Geometry card with shape name, properties, and area formula.

Get Well Card

Get well card with a thermometer, pill capsule, and a soothing pastel palette.

Get Well Card

Get well card with thermometer icon and warm message.

#hover #gradient #transform

Gift Card

Festive gift card with a satin ribbon bow and a soft shimmer sweep on hover.

Digital Gift Card

Digital gift card with festive pattern and balance.

Glassmorphism Card

Frosted glass card with backdrop blur, translucent layers and a subtle glow.

#gradient #glass #shadow

#gradient #animation #hover

Glitch Card

Card with an animated RGB-split glitch effect on its title that fires on hover.

Glucose Meter Card

Blood glucose meter reading with value, trend arrow, and time.

Gluten Free Card

Gluten-free product card with wheat-free stamp and product info.

Goblin Card

Goblin card with rusty knife and cowardly trait.

Golem Card

Stone golem card with immense HP and slow speed.

Golf Round Card

Golf scorecard with hole-by-hole par and stroke totals.

Gondola Card

Mountain gondola card with vertical rise, capacity, and wind status.

Goodbye Card

Farewell card with a waving flag, dotted trail, and a heartfelt sign-off.

Grade Bookmark Card

Grade card with bookmark shape, letter grade, and class context.

#gradient #animation #border

Animated Gradient Border

Card with a continuously animated multi-color gradient border using a mask technique.

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

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.

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.

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.

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.