# shadow CSS effects

Live preview Buttons

Lintel

Stone-lintel button with a heavy horizontal beam.

#hover #animation #transform

Live preview Buttons

Magenta Hot Pulse

Vivid magenta button with a throbbing pulse.

Live preview Buttons

Moonlight Glow

Pale blue moon-kissed button with halo.

Live preview Buttons

Mortar

Mortar-joint button with thick gray seams.

Live preview Buttons

Obelisk

Tall obelisk button with a tapered pyramid top.

Live preview Buttons

Orchid Bloom

Orchid-purple button with a soft bloom glow.

Live preview Buttons

Platinum Edge

Polished platinum button with sharp edge.

Live preview Buttons

Quartz Spark

Crystalline quartz button that catches light.

Live preview Buttons

Shingle

Shingle-roof button with overlapping wood tiles.

Live preview Buttons

Sugar Crust

Pastel button with sparkly sugar crust.

Live preview Buttons

Tiger Eye

Golden-brown tiger eye gem with chatoyant band.

Live preview Buttons

Trailblazer

Bright orange trailblaze with motion lines.

Live preview Buttons

Tree Bark

Rough tree bark with vertical striations.

Live preview Buttons

Trefoil Knot

Three-leaf trefoil with rotating border.

Live preview Buttons

Truss

Truss button with triangulated beam pattern.

Live preview Buttons

Turret

Castle-turret button with a conical roof.

Live preview Buttons

Burnt Umber

Earthy burnt umber with paint texture.

Live preview Buttons

Velvet Touch

Deep red velvet with soft sheen highlight.

Live preview Buttons

Viridian

Chrome-viridian green with a painterly glow.

Live preview Buttons

Vise Grip

Vise-grip button with a tight clamping iron look.

Live preview Buttons

Vortex Pull

Spinning vortex spiral in deep blue.

Live preview Buttons

Wainscot

Wainscoting button with raised panel borders.

Live preview Buttons

Wrench

Wrench-button with brushed steel sheen.

Live preview Buttons

Yacht

Yacht-button with crisp white and navy stripes.

Live preview Buttons

Yew Wood

Pale yew-wood button with warm grain lines.

Live preview Buttons

Yoke Iron

Yoke-iron button with a U-shaped clamping form.

Live preview Buttons

Zinnia

Bright zinnia-orange button with petal softness.

Master Achievement Card

Master-tier achievement with gold and dark theme.

Platinum Achievement Card

Platinum-tier achievement with elite platinum theme.

Allergy Alert Card

Allergy alert card with warning banner and allergen list.

#shadow #border

Alpha Test Card

Alpha test card with work-in-progress warning.

Angel Card

Angel card with wings, halo, and divine aura.

App Rating Card

App rating card with stars, review count, and submit box.

App Update Card

App update card with version, size, and update button.

Artifact Card

Museum artifact card with provenance and era badge.

#gradient #shadow #filter

Artist Pass

Artist pass with paint palette motif and signature line.

#gradient #animation #shadow

Aurora Gradient Card

Card with an animated aurora gradient that drifts across the background.

Baggage Tag Card

Luggage baggage tag with route, weight, and barcode.

#shadow

Barcode Card

Barcode card with vertical black bars of varying widths and a numeric code below.

#transform #shadow #border

Barista Tips Card

Barista tips card with technique, grind size, and brew ratio.

Bestiary Entry Card

Bestiary entry card with a creature sketch, taxonomy, and danger rating.

Bill Summary Card

Utility bill summary with usage bar and amount due.

Kids Birthday Card

Colorful kids birthday card with balloon and confetti.

Book Borrowed Record Card

Library checkout record card with book details and borrower info.

Booking Confirm Card

Booking confirmation card with reference and details.

Boss's Day Card

Boss's Day card with briefcase icon and professional message.

Boulder Route Card

Bouldering route card with V-grade, attempts, and send type.

Burrito Menu Card

Burrito joint card with size options and add-ons.

Cafe Menu Card

Cafe menu card with latte art and drink list.

Calendar Day View Card

Calendar day view card with hourly slots and events.

#shadow #border

Calorie Counter Card

Calorie counter card with progress ring and daily goal.

Cancellation Notice Card

Flight cancellation card with refund and rebook options.

Car Rental Card

Car rental card with vehicle, plate, and pickup time.

Chess Clock Card

Chess match card with chess clock, ELO, and move number.

Circus Ticket

Striped circus ticket with bold red banner and big top tent icon.

Coffee Brew Method Card

Coffee brewing guide with grind, temperature, time, and ratio.

Collectible Coin Card

Collectible coin card with a 3D embossed disc, denomination, and year.

Contact Card

Contact card with avatar, name, and stacked email/phone/location rows.

Cricket Score Card

Cricket match card with overs, wickets, and run rate.

Cruise Port Card

Cruise port card with arrival time, pier, and shore excursions.

Currency Exchange Card

Currency exchange card with rate and amount conversion.

Cyber Monday Card

Cyber Monday deal card with a circuit-board background, glowing price, and code.

Demon Card

Demon card with horns, fire aura, and chaotic tag.

Diary Page Entry Card

Personal diary card with lock decoration, date, and entry text.

Digimon Card

Digimon-style creature card with level and attribute.

Discount Voucher Card

Discount voucher card with a percentage burst, expiry, and a tear-off strip.

Dive Buddy Card

Scuba dive card with depth, time, and air consumption.

Dragonborn Card

Dragonborn card with breath weapon and scales.

Editor's Choice Card

Editor's choice card with a wax seal stamp and a serif review excerpt.

Employee Badge

Corporate employee badge with a clip slot, photo, department, and access tier.

Esports Bracket Card

Esports tournament bracket card with teams, score, and best-of.

Country Fair Ticket

Rustic country fair ticket with kraft paper, gingham accent, and prize ribbon.

Fairy Card

Fairy card with sparkle wings and enchantment.

Ferris Wheel Card

Ferris wheel ride card with view height and duration.

Flip Flashcard Card

3D flip flashcard with term on front and definition on back.

Flip Reveal Card

The card rotates on its vertical axis to show the details written on the back.

#hover #transform #3d

Fridge Magnet Note Card

Fridge magnet sticky note card with shopping list and magnet corner.

#shadow

Friend Request Card

Friend request card with avatar, mutual friends, and buttons.

GoFundMe Donate Cause Card

Donation campaign card with cause, raised amount, and donate action.

Guest List Card

Exclusive guest list card with check marks and plus-one indicator.

#gradient #animation #glass

Hologram Projection

Floating translucent hologram card with scan lines and a pulsing blue glow.

Macro Tracker Card

Macronutrient tracker card with protein, carbs, fat split as stacked bars.

Merry-Go-Round Card

Carousel ride card with horse icon and ride duration.

Molecule Card

Molecule card with formula, bonds, and structure name.

MotoGP Card

MotoGP race card with grid position, lap times, and rider number.

New Arrival Tag

Product card with a diagonal NEW ARRIVAL corner ribbon and a soft image block.

#gradient #shadow #filter

Now Playing Card

Compact now playing card with track, artist, and progress.

Pet Vaccination Card

Pet vaccination record with vaccine name, date, and next due.

#shadow #border

pH Scale Card

pH scale card with acid, neutral, and base markers.

Pilates Reformer Card

Pilates reformer class card with spring load and exercise sequence.

Podcast Mini Card

Podcast mini card with cover, episode title, and play button.

9-Ball Pool Card

9-ball pool rack card with ball order and breaker.

Vintage Postcard

Aged postcard with a stamp, circular postmark, address lines and a handwritten greeting.