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

Arc Welder Button

Industrial button with an electric arc tracing its top edge.

#hover #animation #transform

Live preview Buttons

Arena Sand

Gladiator-style button with sandy texture.

#hover #gradient #transform

Live preview Buttons

Asteroid Belt

Asteroid-belt button with floating rock specks.

#hover #gradient #transform

Live preview Buttons

Auger

Auger-button with a helical screw spiral.

#hover #gradient #shadow

Live preview Buttons

Avocado Pit

Green avocado with brown pit center.

#hover #gradient #transform

Live preview Buttons

Axletree

Axletree-button with a heavy central iron shaft.

#hover #gradient #shadow

Live preview Buttons

Banana Peel

Yellow banana peel with subtle curve.

#hover #gradient #transform

Live preview Buttons

Bark Strip

Tree-bark button with vertical striping.

#hover #gradient #shadow

Live preview Buttons

Beetle Shell

Iridescent beetle shell in green-purple.

#animation #gradient #shadow

Live preview Buttons

Bessemer Steel

Molten bessemer steel with hot edge.

#hover #gradient #shadow

Live preview Buttons

Black Hole

Black-hole button with an accretion disk rim.

#hover #gradient #transform

Live preview Buttons

Ink Blot Button

Button whose background blooms like an ink blot on hover.

#hover #transform #border

Live preview Buttons

3D Bounce Button

Candy button that bounces with a 3D spring on hover.

#hover #animation #transform

Live preview Buttons

Brickwork

Brickwork button with running-bond pattern.

#hover #gradient #shadow

Live preview Buttons

Cantaloupe Mesh

Orange cantaloupe with mesh-net pattern.

#hover #gradient #transform

Live preview Buttons

Canvas Paint Button

Button that looks like a painted canvas brush stroke.

#hover #transform #shadow

Live preview Buttons

Champagne Bubbles

Pale champagne with rising bubble streams.

#animation #gradient #shadow

Live preview Buttons

Chesapeake Bay

Brackish bay water teal-brown gradient.

#hover #gradient #shadow

Live preview Buttons

Citrus Squeeze

Bright citrus orange-lemon-lime gradient.

#hover #gradient #shadow

Live preview Buttons

Clock Spin Button

Circular button with a clock-hand spinner on hover.

#hover #animation #transform

Live preview Buttons

Column Fluted

Fluted column button with vertical grooves.

#hover #gradient #shadow

Live preview Buttons

Copper Wash

Copper button with a brushed wash finish.

#hover #gradient #shadow

Live preview Buttons

Dahlia Bloom

Layered dahlia petals in deep magenta.

#hover #gradient #transform

Live preview Buttons

Equinox

Equinox button with a balanced day-night split.

#hover #gradient #transform

Live preview Buttons

Flute Pillar Button

Tall slender button with vertical flute grooves.

#hover #gradient #transform

Live preview Buttons

Focus Ring Button

Minimal button that gains an accessibility-style focus ring on hover.

#hover #border

Live preview Buttons

Forge Hammer Button

Slate button that looks hammered into shape on hover.

#hover #transform #shadow

Live preview Buttons

Frame Border Button

Photo-frame button with a double-line inset border on hover.

#hover #shadow #border

Live preview Buttons

Fuchsia Pop

Vivid fuchsia pink with bounce animation.

#hover #gradient #transform

Live preview Buttons

Gate Valve Button

Industrial gate valve button with horizontal slide reveal.

#hover #transform #border

Live preview Buttons

Gibbous

Gibbous-moon button with a partial curved shadow.

#hover #gradient #transform

Live preview Buttons

Glacier Ice

Cracked glacier ice with blue depths.

#hover #gradient #transform

Live preview Buttons

Graphite Pencil

Dark graphite pencil-tip sheen.

#hover #gradient #shadow

Live preview Buttons

Grass Blade Button

Green button with grass blades growing on top.

#hover #gradient #border

Live preview Buttons

Gulf Stream

Gulf-stream button with a flowing blue current.

#hover #gradient #transform

Live preview Buttons

Honeydew Fresh

Pale honeydew melon green button.

#hover #gradient #transform

Live preview Buttons

Ship Hull Button

Navy button with riveted hull plates.

#hover #gradient #transform

Live preview Buttons

Jelly Wobble Button

Translucent jelly button that wobbles like gelatin on hover.

#hover #animation #transform

Live preview Buttons

Jetty

Jetty-button with stone breakwater pattern.

#hover #gradient #shadow

Live preview Buttons

Lilac Bloom

Soft lilac button blooming on hover.

#hover #gradient #transform

Live preview Buttons

Lintel

Stone-lintel button with a heavy horizontal beam.

#hover #gradient #shadow

Live preview Buttons

Magenta Hot Pulse

Vivid magenta button with a throbbing pulse.

#hover #animation #transform

Live preview Buttons

Moonlight Glow

Pale blue moon-kissed button with halo.

#hover #gradient #shadow

Live preview Buttons

Mortar

Mortar-joint button with thick gray seams.

#hover #gradient #shadow

Live preview Buttons

Obelisk

Tall obelisk button with a tapered pyramid top.

#hover #gradient #shadow

Live preview Buttons

Orchid Bloom

Orchid-purple button with a soft bloom glow.

#hover #gradient #transform

Live preview Buttons

Platinum Edge

Polished platinum button with sharp edge.

#hover #gradient #transform

Live preview Buttons

Quartz Spark

Crystalline quartz button that catches light.

#hover #gradient #shadow

Live preview Buttons

Shingle

Shingle-roof button with overlapping wood tiles.

#hover #gradient #shadow

Live preview Buttons

Spectral Veil

Ghostly translucent button with rainbow edge.

#animation #gradient #transform

Live preview Buttons

Sugar Crust

Pastel button with sparkly sugar crust.

#hover #gradient #transform

Live preview Buttons

Tiger Eye

Golden-brown tiger eye gem with chatoyant band.

#hover #gradient #shadow

Live preview Buttons

Trailblazer

Bright orange trailblaze with motion lines.

#animation #gradient #transform

Live preview Buttons

Tree Bark

Rough tree bark with vertical striations.

#hover #gradient #shadow

Live preview Buttons

Trefoil Knot

Three-leaf trefoil with rotating border.

#animation #gradient #transform

Live preview Buttons

Truss

Truss button with triangulated beam pattern.

#hover #gradient #shadow

Live preview Buttons

Turret

Castle-turret button with a conical roof.

#hover #gradient #shadow

Live preview Buttons

Burnt Umber

Earthy burnt umber with paint texture.

#hover #gradient #shadow

Live preview Buttons

Velvet Touch

Deep red velvet with soft sheen highlight.

#hover #gradient #shadow

Live preview Buttons

Viridian

Chrome-viridian green with a painterly glow.

#hover #gradient #transform

Live preview Buttons

Vise Grip

Vise-grip button with a tight clamping iron look.

#hover #gradient #shadow

Live preview Buttons

Vortex Pull

Spinning vortex spiral in deep blue.

#animation #gradient #transform

Live preview Buttons

Wainscot

Wainscoting button with raised panel borders.

#hover #gradient #shadow

Live preview Buttons

Wobble Button

Purple outline button that wobbles playfully once when hovered.

#animation #hover #3d

Live preview Buttons

Wrench

Wrench-button with brushed steel sheen.

#hover #gradient #shadow

Live preview Buttons

Yacht

Yacht-button with crisp white and navy stripes.

#hover #gradient #transform

Live preview Buttons

Yew Wood

Pale yew-wood button with warm grain lines.

#hover #gradient #shadow

Live preview Buttons

Yoke Iron

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

#hover #gradient #shadow

Live preview Buttons

Zinnia

Bright zinnia-orange button with petal softness.

#hover #gradient #transform

Live preview Cards

Master Achievement Card

Master-tier achievement with gold and dark theme.

#gradient #shadow #border

Live preview Cards

Platinum Achievement Card

Platinum-tier achievement with elite platinum theme.

#gradient #shadow #border

Live preview Cards

Allergy Alert Card

Allergy alert card with warning banner and allergen list.

#shadow #border

Live preview Cards

Alpha Test Card

Alpha test card with work-in-progress warning.

#gradient #shadow #border

Live preview Cards

Angel Card

Angel card with wings, halo, and divine aura.

#gradient #shadow #border

Live preview Cards

App Update Card

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

#gradient #shadow #border

Live preview Cards

Artifact Card

Museum artifact card with provenance and era badge.

#gradient #shadow #border

Live preview Cards

Aurora Gradient Card

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

#gradient #animation #shadow

Live preview Cards

Barista Tips Card

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

#transform #shadow #border

Live preview Cards

Bestiary Entry Card

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

#gradient #transform #shadow

Live preview Cards

Kids Birthday Card

Colorful kids birthday card with balloon and confetti.

#gradient #shadow #border

Live preview Cards

Book Borrowed Record Card

Library checkout record card with book details and borrower info.

#gradient #shadow #border

Live preview Cards

Booking Confirm Card

Booking confirmation card with reference and details.

#gradient #shadow #border

Live preview Cards

Border Trace Card

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

#hover #gradient #transform

Live preview Cards

Boss's Day Card

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

#gradient #shadow #border

Live preview Cards

Boulder Route Card

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

#gradient #shadow #border

Live preview Cards

Burrito Menu Card

Burrito joint card with size options and add-ons.

#gradient #shadow #border

Live preview Cards

Cafe Menu Card

Cafe menu card with latte art and drink list.

#gradient #shadow #border

Live preview Cards

Calendar Day View Card

Calendar day view card with hourly slots and events.

#shadow #border

Live preview Cards

Cancellation Notice Card

Flight cancellation card with refund and rebook options.

#gradient #shadow #border

Live preview Cards

Car Rental Card

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

#gradient #shadow #border

Live preview Cards

Chess Clock Card

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

#gradient #shadow #border

Live preview Cards

Collectible Coin Card

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

#animation #gradient #transform

Live preview Cards

Cricket Score Card

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

#gradient #shadow #border

Live preview Cards

Cruise Port Card

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

#gradient #shadow #border

Live preview Cards

Currency Exchange Card

Currency exchange card with rate and amount conversion.

#gradient #shadow #border

Live preview Cards

Cyber Monday Card

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

#gradient #shadow #border

Popular tags