#border CSS effects

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

Live preview Buttons

Truss

Truss button with triangulated beam pattern.

#hover #gradient #shadow

Live preview Buttons

Tulip Cup

Pink-yellow tulip cup shaped button.

#hover #gradient #transform

Live preview Buttons

Tumbleweed

Tumbleweed button with tangled brown strands.

#hover #gradient #shadow

Live preview Buttons

Tundra Frost

Icy tundra grays with frost crystals.

#hover #gradient #shadow

Live preview Buttons

Tundra Frost Crystal

Frozen tundra with crystalline frost pattern.

#gradient #shadow #border

Live preview Buttons

Turquoise Stone

Natural turquoise with matrix veins.

#hover #gradient #shadow

Live preview Buttons

Turret

Castle-turret button with a conical roof.

#hover #gradient #shadow

Live preview Buttons

Twilight Sky

Twilight purple-orange horizon.

#hover #gradient #shadow

Live preview Buttons

Twilight Glow

Twilight button with a deep purple-orange glow.

#hover #gradient #transform

Live preview Buttons

Typewriter Button

Monospace button with a blinking cursor; types out its label on hover.

#animation #hover #border

Live preview Buttons

Ultraviolet

Ultraviolet button with a fluorescent purple glow.

#hover #gradient #transform

Live preview Buttons

Burnt Umber

Earthy burnt umber with paint texture.

#hover #gradient #shadow

Live preview Buttons

Umber Burn

Burnt umber button with a smoky depth.

#hover #gradient #shadow

Live preview Buttons

Undertow

Undertow-button with a hidden pull-down gradient.

#hover #gradient #transform

Live preview Buttons

Unicorn Magic

Pastel rainbow swirl with sparkles.

#animation #gradient #transform

Live preview Buttons

Vacuum Void

Empty black void button with subtle pulse.

#animation #gradient #shadow

Live preview Buttons

Vacuum Vise

Vacuum-vise button with a sealed suction grip.

#hover #gradient #transform

Live preview Buttons

Valve Wheel

Valve-wheel button with a circular spoke pattern.

#hover #gradient #shadow

Live preview Buttons

Vanilla Bean

Creamy vanilla with dark bean specks.

#hover #gradient #transform

Live preview Buttons

Vapor Mist

Translucent vapor mist rising from button.

#animation #gradient #transform

Live preview Buttons

Velvet Touch

Deep red velvet with soft sheen highlight.

#hover #gradient #shadow

Live preview Buttons

Verdant

Fresh verdant-green button with a glossy top sheen.

#hover #gradient #transform

Live preview Buttons

Vermilion

Brilliant vermilion-red button with vivid warmth.

#hover #gradient #transform

Live preview Buttons

Vine Tendril

Vine-tendril button with a spiral curl accent.

#hover #gradient #transform

Live preview Buttons

Vintage Poster

Faded retro poster button with halftone dots.

#hover #gradient #transform

Live preview Buttons

Violet Bloom

Violet-bloom button with deep purple heart.

#hover #gradient #transform

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

Void Black

Pure void-black button with a subtle violet rim.

#hover #shadow #border

Live preview Buttons

Volcano Magma

Black rock button with magma cracks.

#hover #gradient #shadow

Live preview Buttons

Vortex Pull

Spinning vortex spiral in deep blue.

#animation #gradient #transform

Live preview Buttons

Vortex Sea

Sea-vortex button with a spiraling deep blue.

#hover #animation #gradient

Live preview Buttons

Voyage

Voyage button with deep ocean and horizon line.

#hover #gradient #transform

Live preview Buttons

Voyager Probe

Spacecraft gold-anodized probe button.

#hover #gradient #shadow

Live preview Buttons

Wainscot

Wainscoting button with raised panel borders.

#hover #gradient #shadow

Live preview Buttons

Wake Boat

Boat-wake button with a v-shaped ripple.

#hover #gradient #transform

Live preview Buttons

Walnut Shell

Walnut brown shell with wrinkled texture.

#hover #gradient #shadow

Live preview Buttons

Walnut Shell

Walnut-shell button with a wavy seam.

#hover #gradient #shadow

Live preview Buttons

Warm Sand Dune

Soft warm sand dune with curving lines.

#hover #gradient #shadow

Live preview Buttons

Watercolor Wash

Soft watercolor wash with blended edges.

#hover #gradient #shadow

Live preview Buttons

Wave Crest

Wave-crest button with a curling white foam top.

#hover #gradient #transform

Live preview Buttons

Wave Trough

Wave-trough button with a sunken dark-blue center.

#hover #gradient #transform

Live preview Buttons

Wax Seal

Red wax seal with dripping edges.

#hover #gradient #transform

Live preview Buttons

Wenge

Dark wenge-wood button with deep grain.

#hover #gradient #shadow

Live preview Buttons

Golden Wheat

Golden wheat field with vertical stalks.

#hover #gradient #shadow

Live preview Buttons

Whetstone

Whetstone-button with a smooth sharpening surface.

#hover #gradient #shadow

Live preview Buttons

Whirlpool Spin

Blue whirlpool spiral that spins.

#animation #gradient #transform

Live preview Buttons

Whisper Soft

Almost-white button with breath-soft pulse.

#animation #gradient #shadow

Live preview Buttons

White Dwarf

White-dwarf button with a brilliant white core.

#hover #gradient #transform

Live preview Buttons

Willow Weep

Willow-green with hanging leaf lines.

#hover #gradient #shadow

Live preview Buttons

Willow Sweep

Willow-branch button with sweeping yellow-green leaves.

#hover #gradient #shadow

Live preview Buttons

Windswept Dunes

Sand dunes shaped by sweeping winds.

#hover #gradient #shadow

Live preview Buttons

Wine Cellar

Deep wine-red with dim candle-lit glow.

#hover #gradient #shadow

Live preview Buttons

Winter Mint

Cool winter mint white-green button.

#hover #gradient #transform

Live preview Buttons

Wire Crimp

Wire-crimp button with striped insulated terminals.

#hover #gradient #shadow

Live preview Buttons

Wireframe Mesh

3D wireframe mesh with grid lines.

#hover #gradient #shadow

Live preview Buttons

Wisteria

Cascading purple wisteria with a soft bloom.

#hover #gradient #transform

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

X-Ray Glow

X-ray button with a ghostly cyan-blue aura.

#hover #gradient #transform

Live preview Buttons

Xeno Blue

Alien xeno-blue button with an unearthly glow.

#hover #gradient #transform

Live preview Buttons

Xiphias

Swordfish-xiphias button with a sharp silver stripe.

#hover #gradient #transform

Live preview Buttons

Yacht

Yacht-button with crisp white and navy stripes.

#hover #gradient #transform

Live preview Buttons

Yarmouth

Yarmouth-harbor button with sailing-ship navy.

#hover #gradient #transform

Live preview Buttons

Yellow Dwarf

Yellow-dwarf sun button with a warm radiant glow.

#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

Yucca

Yucca-plant button with sword-leaf accents.

#hover #gradient #shadow

Live preview Buttons

Zaffre Blue

Deep zaffre blue pigment with metallic depth.

#hover #gradient #shadow

Live preview Buttons

Zenith

Sky-zenith button with a peak-blue glow.

#hover #gradient #transform

Live preview Buttons

Zenith Sky

Zenith-sky button with deepest blue at apex.

#hover #gradient #transform

Live preview Buttons

Zephyr

Soft zephyr breeze button with airy pastels.

#hover #gradient #transform

Live preview Buttons

Zephyr Sea

Sea-zephyr breeze button with airy teal.

#hover #gradient #transform

Live preview Buttons

Zinc Plate

Zinc-plated button with a bluish-silver galvanized look.

#hover #gradient #shadow

Live preview Buttons

Zinnia

Bright zinnia-orange button with petal softness.

#hover #gradient #transform

Live preview Cards

Diamond Achievement Card

Diamond-tier achievement with brilliant sparkle.

#gradient #shadow #border

Live preview Cards

Grandmaster Achievement Card

Grandmaster-tier achievement with crimson elite theme.

#gradient #shadow #border

Live preview Cards

Legend Achievement Card

Legend-tier achievement with celestial cosmic theme.

#gradient #shadow #border

Live preview Cards

Locked Achievement Card

Locked achievement card with a padlock, blurred reward, and unlock hint.

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

Silver Achievement Card

Silver-tier achievement with shining silver theme.

#gradient #transform #shadow

Live preview Cards

Acrobat Card

Acrobat performer card with dynamic pose icon.

#gradient #shadow #border

Live preview Cards

Admission Stub

Torn admission stub with a serrated edge, ink-stamped date, and section info.

#transform #shadow #border

Live preview Cards

AirDrop Card

AirDrop card with sender avatar, file name, and accept buttons.

#gradient #shadow #border

Live preview Cards

Airport Gate Card

Airport gate card with flight number, gate, and boarding status.

#gradient #shadow #border

Live preview Cards

Alarm Set Card

Alarm widget with time, label, and toggle.

#gradient #shadow #border

Live preview Cards

Album Page Spread Card

Photo album page card with corner-mounted photos and decorative border.

#gradient #shadow #border

Live preview Cards

Alert Banner

Warning alert card with a colored left border, circular icon and a call-to-action button.

#gradient #hover #shadow

Live preview Cards

All Access Plus

All-access pass with holographic stripe and plus-tier starburst.

#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

Anatomy Organ Card

Anatomy card with organ name, location, and function.

#gradient #shadow #border

Live preview Cards

Angel Card

Angel card with wings, halo, and divine aura.

#gradient #shadow #border

Live preview Cards

Anniversary Card

Anniversary card with golden confetti, interlocking rings, and elegant serif.

#animation #gradient #shadow

Live preview Cards

50th Anniversary Card

Golden 50th anniversary card with elegant border.

#gradient #shadow #border

Popular tags