#border CSS effects

3,995 free, pure-CSS effects match the "border" tag. Each is copy-ready and needs no library or build step.

Live preview Cards

Funicular Card

Funicular railway card with grade, length, and round-trip fare.

#gradient #shadow #border

Live preview Cards

Funnel Cake Card

Carnival funnel cake card with price and powdered sugar tag.

#gradient #shadow #border

Live preview Cards

Game Cover Card

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

#gradient #hover #shadow

Live preview Cards

Game Over Card

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

#animation #gradient #shadow

Live preview Cards

Geometry Shape Card

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

#shadow #border

Live preview Cards

Get Well Card

Get well card with thermometer icon and warm message.

#gradient #shadow #border

Live preview Cards

Gift Voucher Card

Gift voucher card with a decorative border, value, and a recipient line.

#gradient #shadow #border

Live preview Cards

Glassmorphism Card

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

#gradient #glass #shadow

Live preview Cards

Glucose Meter Card

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

#shadow #border

Live preview Cards

Gluten Free Card

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

#shadow #border

Live preview Cards

Gnome Card

Gnome card with tinker tools and small illusion cantrip.

#gradient #shadow #border

Live preview Cards

Goblin Card

Goblin card with rusty knife and cowardly trait.

#gradient #shadow #border

Live preview Cards

Golem Card

Stone golem card with immense HP and slow speed.

#gradient #transform #shadow

Live preview Cards

Golf Round Card

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

#gradient #shadow #border

Live preview Cards

Goodbye Card

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

#animation #gradient #transform

Live preview Cards

Grade Bookmark Card

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

#gradient #transform #shadow

Live preview Cards

Animated Gradient Border

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

#gradient #animation #border

Live preview Cards

Masked Gradient Card

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

#animation #gradient #border

Live preview Cards

Graduation Card

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

#animation #gradient #transform

Live preview Cards

Graduation Card

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

#gradient #shadow #border

Live preview Cards

Grocery Checklist Card

Grocery shopping checklist with items, quantities, and categories.

#gradient #shadow #border

Live preview Cards

Group Chat Card

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

#gradient #shadow #border

Live preview Cards

Gym Split Card

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

#gradient #shadow #border

Live preview Cards

Half-Elf Card

Half-elf card with versatile stats and charm trait.

#gradient #shadow #border

Live preview Cards

Half-Orc Card

Half-orc card with relentless endurance and savage attack.

#gradient #shadow #border

Live preview Cards

Halfling Card

Halfling card with lucky trait and nimble fingers.

#gradient #shadow #border

Live preview Cards

Halloween Card

Spooky Halloween card with pumpkin and bat accents.

#gradient #shadow #border

Live preview Cards

Health Bar Card

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

#gradient #border

Live preview Cards

Hearts Playing Card

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

#hover #transform #shadow

Live preview Cards

Hero Card

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

#gradient #shadow #border

Live preview Cards

Hike Summit Card

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

#gradient #shadow #border

Live preview Cards

Historical Figure Card

Historical figure card with portrait, dates, and achievement.

#gradient #shadow #border

Live preview Cards

Hockey Match Card

Ice hockey match card with period and penalty timer.

#gradient #shadow #border

Live preview Cards

Holiday Special Card

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

#animation #gradient #shadow

Live preview Cards

Holiday Card

Generic holiday card with snowflake and warm wishes.

#gradient #shadow #border

Live preview Cards

Homework Assignment Card

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

#shadow #border

Live preview Cards

Hotel Room Card

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

#gradient #shadow #border

Live preview Cards

Open Hours Card

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

#gradient #shadow #border

Live preview Cards

Housewarming Card

Housewarming invite with home icon and new address.

#gradient #shadow #border

Live preview Cards

Hunt Season Card

Hunting season card with species, tags, and zone.

#gradient #shadow #border

Live preview Cards

Hurricane Card

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

#gradient #shadow #border

Live preview Cards

Hydration Bottle Card

Hydration tracker with animated water bottle fill level.

#animation #gradient #transform

Live preview Cards

Ice Cream Card

Ice cream shop card with flavors list and toppings.

#gradient #shadow #border

Live preview Cards

Ice Cream Scoop Card

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

#gradient #shadow #border

Live preview Cards

ID Badge

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

#gradient #shadow #border

Live preview Cards

Illusionist Card

Illusionist card with mirror images and trick spell.

#gradient #shadow #border

Live preview Cards

Info Tip Card

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

#gradient #shadow #border

Live preview Cards

Ingredient List Card

Recipe ingredient list card with quantities and check marks.

#shadow #border

Live preview Cards

Intern Card

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

#gradient #shadow #border

Live preview Cards

Inventory Slot Card

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

#gradient #shadow #border

Live preview Cards

Invoice Card

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

#shadow #border

Live preview Cards

Detailed Invoice Card

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

#shadow #border

Live preview Cards

Item Card

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

#gradient #shadow #border

Live preview Cards

Itinerary Card

Travel itinerary card with day-by-day schedule.

#shadow #border

Live preview Cards

Jewelry Box Trinket Card

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

#gradient #transform #shadow

Live preview Cards

Journal Entry Page Card

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

#gradient #shadow #border

Live preview Cards

Juggler Card

Juggler performer card with multiple balls icon.

#gradient #shadow #border

Live preview Cards

Kayak Paddle Card

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

#gradient #shadow #border

Live preview Cards

Keepsake Card

Heartfelt keepsake card with ribbon bow and dedication.

#gradient #shadow #border

Live preview Cards

Keto Recipe Card

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

#gradient #shadow #border

Live preview Cards

Keychain Tag Card

Personalized keychain tag card with name engraving and ring.

#gradient #shadow #border

Live preview Cards

Keynote Pass

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

#gradient #shadow #border

Live preview Cards

Kickstarter Backer Card

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

#gradient #shadow #border

Live preview Cards

Knight Card

Knight card with armor, sword, and shield crest.

#gradient #shadow #border

Live preview Cards

Landmark Card

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

#gradient #shadow #border

Live preview Cards

Landmark Statue Card

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

#gradient #shadow #border

Live preview Cards

Language Lesson Card

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

#shadow #border

Live preview Cards

Language Selector Card

Language selector card with current language and dropdown.

#hover #shadow #border

Live preview Cards

Last Chance Card

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

#animation #transform #shadow

Live preview Cards

Leaderboard Card

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

#shadow #border

Live preview Cards

Legendary Aura Card

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

#animation #gradient #transform

Live preview Cards

Level Up Card

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

#gradient #shadow #border

Live preview Cards

Library Borrow Card

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

#gradient #transform #shadow

Live preview Cards

Driver License

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

#gradient #animation #shadow

Live preview Cards

Driver License

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

#gradient #shadow #border

Live preview Cards

Limited Edition Card

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

#gradient #transform #shadow

Live preview Cards

Limited Pass Card

Limited edition pass card with low stock warning.

#gradient #shadow #border

Live preview Cards

Lottery Card

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

#gradient #shadow #border

Live preview Cards

Lounge Access Card

Airport lounge access card with membership tier and rules.

#gradient #shadow #border

Live preview Cards

Loyalty Card

Store loyalty card with member number and points balance.

#gradient #shadow #border

Live preview Cards

Luggage Tag

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

#gradient #transform #shadow

Live preview Cards

Luggage Tag Card

Luggage tag card with destination, flight, and weight.

#gradient #shadow #border

Live preview Cards

Magazine Cover Card

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

#gradient #shadow #border

Live preview Cards

Magazine Issue Cover Card

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

#gradient #shadow #border

Live preview Cards

Magic Spell Card

Magic the Gathering style spell with mana cost and effect.

#gradient #shadow #border

Live preview Cards

Magician Card

Magician card with hat and rabbit icon, mystic theme.

#gradient #shadow #border

Live preview Cards

Magnet Card

Magnet card with north/south poles and field lines.

#gradient #shadow #border

Live preview Cards

Mana Bar Card

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

#animation #gradient #transform

Live preview Cards

Geography Map Card

Geography map card with country, capital, and continent.

#gradient #shadow #border

Live preview Cards

Maps Directions Card

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

#shadow #border

Live preview Cards

Math Graph Card

Math graph card with function and plotted line.

#gradient #shadow #border

Live preview Cards

Membership Card

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

#gradient #shadow #border

Live preview Cards

Premium Membership Card

Premium membership card with tier stars and member since date.

#gradient #shadow #border

Live preview Cards

Memorabilia Card

Sports memorabilia card with jersey number and authentication.

#gradient #shadow #border

Popular tags