# gradient CSS effects

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.

Acrobat Card

Acrobat performer card with dynamic pose icon.

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.

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.

Author Bio Card

Author biography card with portrait, name, genre, and works.

Barcode Card

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

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.

Board Game Card

Board game card with a dice icon, turn indicator, and a player score panel.

Book Borrowed Record Card

Library checkout record card with book details and borrower info.

Border Trace Card

Two thin lines race around the perimeter and meet at the opposite corner.

Boss Card

Final boss card with phases and enrage timer.

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.

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.

Character Sheet Card

RPG character card with portrait, class, level, and an HP/MP bar pair.

Chess Clock Card

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

Chess Piece Card

Chess piece card with a checkered board border, a knight glyph, and a coordinate.

Circus Ticket

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

Cloud Type Card

Cloud identification card with type, altitude, and weather.

Cocktail Mixology Card

Cocktail recipe card with ingredients, glass type, and garnish.

Coffee Brew Method Card

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

Coin Collection Card

Coin collection card with embossed gold coin and year.

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.

Credential Badge

Credential badge with verified checkmark and access level bars.

Cricket Score Card

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

Cruise Cabin Card

Cruise cabin card with deck, room, and category.

Cruise Port Card

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

Currency Exchange Card

Currency exchange card with rate and amount conversion.

Curry Menu Card

Curry house card with spice levels and dish names.

Cyber Monday Card

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

Delay Notice Card

Flight delay notice card with new time and reason.

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.

Duel Monster Card

Trap/spell card with a dark frame, attribute icon, and ATK/DEF stats in the footer.

Dwarf Card

Dwarf card with axe and stonecunning trait.

Editor's Choice Card

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

Elemental Card

Fire elemental card with burn aura and weakness tag.

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.

Fashion Look Trend Card

Fashion trend look card with model silhouette and trending tags.

Ferris Wheel Card

Ferris wheel ride card with view height and duration.

Ferry Pass Card

Ferry pass card with route, deck, and boarding time.

Film Strip Card

Film strip card with sprocket holes, three frames, and a vintage sepia tone.

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

Force Vector Card

Force vector card with magnitude, direction, and net force.

Friend Request Card

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

Funicular Card

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

Gift Voucher Card

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

Gnome Card

Gnome card with tinker tools and small illusion cantrip.

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.

Gym Split Card

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

Hero Card

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

#gradient #animation #glass

Hologram Projection

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

Open Hours Card

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

Keepsake Card

Heartfelt keepsake card with ribbon bow and dedication.

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.

Macro Tracker Card

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