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

Prism Split

A triangular prism splits a beam into diverging color rays.

#animation #gradient #transform

Live preview Backgrounds

Pumpkin Spice Latte

A steaming pumpkin spice latte with foam art on top.

#animation #gradient #transform

Live preview Backgrounds

Radio Tower Signal

A radio tower broadcasts expanding signal rings into the night sky.

#animation #gradient #transform

Live preview Backgrounds

Rain Streaks

Thin diagonal rain streaks fall continuously over a moody storm sky.

#gradient #animation #border

Live preview Backgrounds

Rainbow Arc

A vivid seven-color rainbow arcs across a clearing stormy sky.

#animation #gradient #transform

Live preview Backgrounds

Flowing Ribbons

Silky ribbons of color flow and wave across a dark stage.

#gradient #animation #border

Live preview Backgrounds

Ringed Planet

A distant ringed planet tilts showing off its bright ring system.

#animation #gradient #transform

Live preview Backgrounds

Pond Ripples

Concentric ripples expand outward across a calm pond surface.

#animation #gradient #transform

Live preview Backgrounds

Sandstorm

Tan sand particles whip horizontally across a desert haze.

#gradient #animation #border

Live preview Backgrounds

Scorecard Punch

A paper scorecard with holes being punched as score ticks up.

#animation #gradient #border

Live preview Backgrounds

Drifting Smoke

Dark smoky layers drift and curl across an ominous backdrop.

#gradient #animation #border

Live preview Backgrounds

Rainbow Soap Bubble

A large soap bubble shimmers with iridescent rainbow colors.

#animation #gradient #transform

Live preview Backgrounds

Single Soap Bubble

A single delicate soap bubble drifts slowly upward.

#animation #gradient #transform

Live preview Backgrounds

Soccer Field Stripes

Mowed grass stripes with center circle and a rolling soccer ball.

#animation #gradient #shadow

Live preview Backgrounds

Sonar Ping

Sonar pings expand outward on a dark underwater scope display.

#animation #gradient #transform

Live preview Backgrounds

Sound Wave Pulse

Concentric sound wave rings pulse outward from a central source.

#animation #gradient #transform

Live preview Backgrounds

Soup Bubbles

A bowl of broth with bubbles rising to the surface and popping.

#animation #gradient #transform

Live preview Backgrounds

Twinkling Sparkles

Tiny sparkles twinkle on and off across a glittering dark field.

#gradient #animation #border

Live preview Backgrounds

Spectrum Analyzer

A frequency spectrum of colored bars sweeps left to right.

#animation #gradient #shadow

Live preview Backgrounds

Steam Vapor

Wisps of steam rise and dissipate above a glowing warm surface.

#gradient #animation #shadow

Live preview Backgrounds

Neon Street

Glowing neon signs light up a dark city street.

#animation #gradient #shadow

Live preview Backgrounds

Sumo Ring Clay

A traditional sumo dohyo clay ring with a tassel roof above.

#animation #gradient #transform

Live preview Backgrounds

Sunset Gradient

A warm sunset sky shifts through orange, pink, and purple hues.

#gradient #animation #shadow

Live preview Backgrounds

Supernova Burst

A brilliant supernova explodes outward in a shockwave of light.

#animation #gradient #transform

Live preview Backgrounds

Tea Leaves Steep

Tea leaves swirl and steep, darkening the water gradually.

#animation #gradient #transform

Live preview Backgrounds

Tennis Ball Bounce

A yellow tennis ball bounces repeatedly with motion blur trail.

#animation #gradient #transform

Live preview Backgrounds

Tennis Court Lines

An aerial tennis court view with a bouncing tennis ball.

#animation #gradient #transform

Live preview Backgrounds

Tomato Sauce Bubble

Tomato sauce simmers with popping bubbles and rising steam.

#animation #gradient #transform

Live preview Backgrounds

Tuning Fork Ring

A struck tuning fork vibrates and emits visible resonance waves.

#animation #gradient #transform

Live preview Backgrounds

Underwater Caustics

Wavy light caustics shimmer across an aquatic blue backdrop.

#gradient #animation #border

Live preview Backgrounds

Volleyball Net

A sandy beach volleyball court with a taut net between poles.

#animation #gradient #transform

Live preview Backgrounds

Animated Ocean Waves

Layered SVG wave shapes ripple across a calm ocean horizon.

#gradient #animation #border

Live preview Backgrounds

Wine Glass Swirl

Red wine swirls around a glass leaving legs on the side.

#animation #gradient #transform

Live preview Buttons

Abyss Depth

Bottomless abyss with descending blue gradient.

#hover #gradient #shadow

Live preview Buttons

Abyss Plain

Abyssal-plain button with an endless flat seafloor.

#hover #gradient #transform

Live preview Buttons

Abyssal

Deep abyssal button with a black-blue gradient.

#hover #gradient #transform

Live preview Buttons

Acid Burn Button

Toxic green button with a bubbling acid burn on hover.

#hover #animation #transform

Live preview Buttons

Aconite Bloom

Deep purple-blue monkshood flower button.

#hover #gradient #transform

Live preview Buttons

Adobe

Adobe-brick button with a warm clay tone.

#hover #gradient #shadow

Live preview Buttons

Aero Glass Button

Frosted aero-glass button with a moving light streak.

#hover #gradient #transform

Live preview Buttons

Aloe

Aloe-vera button with spiked-leaf accents.

#hover #gradient #shadow

Live preview Buttons

Amber Glow Button

Warm amber button with a soft pulsing radial glow.

#hover #animation #gradient

Live preview Buttons

Amber Pour

Liquid amber button with a glossy pour sheen.

#hover #gradient #transform

Live preview Buttons

Amber Resin

Transparent amber resin with trapped bubble.

#hover #gradient #shadow

Live preview Buttons

Amethyst Cluster

Purple amethyst crystal cluster.

#hover #gradient #transform

Live preview Buttons

Antelope Canyon

Wave-carved sandstone canyon colors.

#hover #gradient #shadow

Live preview Buttons

Anvil

Heavy anvil-button with dark cast-iron surface.

#hover #gradient #shadow

Live preview Buttons

Apricot Glow

Soft apricot orange with gentle glow.

#hover #gradient #transform

Live preview Buttons

Arch Span

Architectural arch-span button with a curved top.

#hover #gradient #shadow

Live preview Buttons

Arena Sand

Gladiator-style button with sandy texture.

#hover #gradient #transform

Live preview Buttons

Arrow Morph Button

Label slides left as an arrow fades in from the right on hover.

#hover #border #transform

Live preview Buttons

Arrow Pulse

Button with arrow that pulses on hover.

#hover #animation #gradient

Live preview Buttons

Arrow Slide Button

Arrow icon slides out from text on hover with smooth transition.

#hover #border #transform

Live preview Buttons

Aster Bloom

Purple aster flower with yellow center.

#hover #gradient #transform

Live preview Buttons

Aster Bloom

Aster-purple button with a starburst bloom center.

#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

Aurora Drift Button

Button with an aurora borealis gradient drifting across its surface.

#hover #animation #gradient

Live preview Buttons

Aurora Veil

Northern lights veil of green-violet.

#animation #gradient #transform

Live preview Buttons

Autumn Leaves

Warm autumn orange-red-yellow leaves.

#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

Azalea Bloom

Bright pink azalea flower button.

#hover #gradient #transform

Live preview Buttons

Azure Mist

Pale azure button with a misty softness.

#hover #gradient #transform

Live preview Buttons

Azure Sky

Clear azure sky with soft cloud.

#hover #gradient #shadow

Live preview Buttons

Badge Notification Button

Slate button with a pulsing red notification badge on the corner.

#animation #hover #shadow

Live preview Buttons

Balcony

Balcony button with a railing strip.

#hover #gradient #shadow

Live preview Buttons

Balsa

Lightweight balsa-wood button with pale grain.

#hover #gradient #shadow

Live preview Buttons

Balustrade

Balustrade button with vertical baluster spindles.

#hover #gradient #shadow

Live preview Buttons

Bamboo Stalk

Green bamboo stalk with segment lines.

#hover #gradient #shadow

Live preview Buttons

Banana Peel

Yellow banana peel with subtle curve.

#hover #gradient #transform

Live preview Buttons

Banded Agate

Banded agate with parallel colored bands.

#hover #gradient #shadow

Live preview Buttons

Barcode Scan Button

Black button with animated barcode stripes and a scan line.

#hover #animation #gradient

Live preview Buttons

Birch Bark

White birch bark with dark streaks.

#hover #gradient #shadow

Live preview Buttons

Bark Strip

Tree-bark button with vertical striping.

#hover #gradient #shadow

Live preview Buttons

Barn Owl

Soft tawny owl-feather pattern.

#hover #gradient #shadow

Live preview Buttons

Barnacle

Barnacle-encrusted button with raised dot texture.

#hover #gradient #shadow

Live preview Buttons

Bayou Swamp

Misty green bayou with murky undertones.

#hover #gradient #shadow

Live preview Buttons

Beacon Light

Yellow beacon with rotating light pulse.

#animation #gradient #shadow

Live preview Buttons

Beam Iron

Iron I-beam button with riveted industrial edges.

#hover #gradient #shadow

Live preview Buttons

Beam Sweep Button

Dark button with a bright cyan beam sweeping horizontally.

#hover #gradient #border

Live preview Buttons

Beech Wood

Pale beech wood with subtle grain.

#hover #gradient #shadow

Live preview Buttons

Beetle Shell

Iridescent beetle shell in green-purple.

#animation #gradient #shadow

Live preview Buttons

Bellows

Bellows-button with accordion-pleated sides.

#hover #gradient #shadow

Live preview Buttons

Bend Corner Button

Paper-style button whose corner bends up on hover.

#hover #gradient #transform

Live preview Buttons

Wild Berry

Purple wild berry with juicy sheen.

#hover #gradient #transform

Live preview Buttons

Bessemer Steel

Molten bessemer steel with hot edge.

#hover #gradient #shadow

Live preview Buttons

Binary Stream Button

Matrix-style button with falling binary digits in the background.

#hover #animation #transform

Live preview Buttons

Binary Star

Binary-star button with twin glowing cores.

#hover #gradient #transform

Live preview Buttons

Birch Bark

Birch-bark button with white-peeling stripes.

#hover #gradient #shadow

Live preview Buttons

Biscuit Crust

Golden-brown biscuit with crusty top.

#hover #gradient #transform

Live preview Buttons

Bismuth Crystal

Iridescent bismuth with rainbow staircase.

#hover #gradient #shadow

Live preview Buttons

Black Hole

Black-hole button with an accretion disk rim.

#hover #gradient #transform

Live preview Buttons

Blink Tag Button

Tag-style button that blinks like an active LED indicator.

#hover #animation #transform

Live preview Buttons

Ink Blot Button

Button whose background blooms like an ink blot on hover.

#hover #transform #border

Live preview Buttons

Blueprint

Architectural blueprint with white grid.

#hover #gradient #shadow

Popular tags