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

Hurdle Jump

A hurdler leaps over a yellow hurdle with motion lines.

#animation #gradient #transform

Live preview Backgrounds

Ice Crystals

Frosty ice crystals form and shimmer in a cold blue field.

#gradient #animation #shadow

Live preview Backgrounds

Jellyfish Drift

Glowing jellyfish pulse and drift through deep ocean blue.

#gradient #animation #shadow

Live preview Backgrounds

Laser Grid Floor

A neon laser grid stretches to a vanishing point on the horizon.

#animation #gradient #transform

Live preview Backgrounds

Laser Pattern Spin

Concentric laser rings rotate and form a Lissajous pattern.

#animation #gradient #transform

Live preview Backgrounds

Lava Flow

Glowing molten lava flows and churns with fiery heat.

#gradient #animation #shadow

Live preview Backgrounds

Liquid Blob Morph

A glowing blob slowly morphs and rotates through saturated hues.

#gradient #animation #shadow

Live preview Backgrounds

Magic Circle

A glowing arcane magic circle rotates on a dark floor.

#animation #gradient #transform

Live preview Backgrounds

Finish Line Tape

A stretched yellow finish line tape waiting to be broken.

#animation #gradient #transform

Live preview Backgrounds

Matcha Whisk Foam

A bamboo whisk creates green matcha foam in a ceramic bowl.

#animation #gradient #transform

Live preview Backgrounds

Matrix Rain

Vertical green character streams cascade like the iconic digital rain.

#gradient #animation #shadow

Live preview Backgrounds

Gradient Mesh Drift

Four colored blobs drift lazily in a mesh-like configuration over deep navy.

#gradient #animation #border

Live preview Backgrounds

Animated Mesh Gradient

Layered radial gradients drift and morph to create a living mesh of color.

#gradient #animation #border

Live preview Backgrounds

Microphone Feedback

Microphone squeal causes visible frequency waves to ripple out.

#animation #gradient #transform

Live preview Backgrounds

Milk Pour into Coffee

White milk pours into dark coffee, creating swirling clouds.

#animation #gradient #transform

Live preview Backgrounds

Moonbow Glow

A faint lunar rainbow shimmers beneath a full moon.

#animation #gradient #transform

Live preview Backgrounds

MP3 Visualizer Pulse

Circular visualizer pulses outward in rainbow frequency rings.

#animation #gradient #transform

Live preview Backgrounds

Colorful Nebula

Vibrant nebula clouds of gas drift through the cosmos.

#gradient #animation #border

Live preview Backgrounds

Noise Texture Overlay

A film-grain noise layer drifts over a moody gradient for analog texture.

#gradient #animation #border

Live preview Backgrounds

Pool Table Felt

Green felt pool table with colored billiard balls rolling.

#animation #gradient #transform

Live preview Backgrounds

Prism Rainbow Refract

White light enters a glass prism and refracts into a dancing rainbow.

#animation #gradient #transform

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

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

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

Wine Glass Swirl

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

#animation #gradient #transform

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

Arch Span

Architectural arch-span button with a curved top.

#hover #gradient #shadow

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

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

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

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

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

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

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

Popular tags