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

Paint Roller

Paint roller rolling color across a wall stripe.

#animation #gradient #border

Live preview Loaders

Pendulum Swing

A weighted pendulum swinging back and forth from a fixed pivot.

#gradient #animation #shadow

Live preview Loaders

Pizza Cutter

Pizza cutter wheel rolling across a slice.

#animation #gradient #transform

Live preview Loaders

Poker Chip

3D poker chip flipping and spinning in midair.

#animation #gradient #transform

Live preview Loaders

Polaroid Flash

Polaroid camera flash bulb charging and discharging.

#animation #gradient #transform

Live preview Loaders

Prism Light

Light splitting through prism into rainbow.

#animation #gradient #transform

Live preview Loaders

Prism Rotate

Triangular prism rotating in 3D.

#animation #transform #border

Live preview Loaders

Progress Steps

Five horizontal step segments filling in sequence with a cyan-blue gradient.

#gradient #animation #border

Live preview Loaders

Puddle Ripple

Ripples expanding outward in a puddle from a drop.

#animation #transform #border

Live preview Loaders

Pulse Dots

Three dots scaling and glowing in a staggered pulse sequence.

#animation #shadow #border

Live preview Loaders

Pulse Ring

A ring that pulses outward around a glowing core dot.

#animation #shadow #border

Live preview Loaders

3D Pyramid

Pyramid rotating in 3D space.

#animation #transform #border

Live preview Loaders

Quartz Clock

Quartz clock with smooth second hand.

#animation #gradient #transform

Live preview Loaders

Radar Sweep

A green radar scope with a rotating conic sweep and a glowing dot.

#gradient #animation #shadow

Live preview Loaders

Radio Dial

Analog radio needle sweeping across a frequency dial.

#animation #gradient #transform

Live preview Loaders

Rainbow Arc

Rainbow arc being drawn across the sky in colored bands.

#animation #transform #border

Live preview Loaders

Double Rainbow

Double rainbow arcing across sky.

#animation #transform #border

Live preview Loaders

Dual Ring Loader

Two arcs spin in opposite directions inside one another at different speeds.

#animation #transform #border

Live preview Loaders

Ring Expand

Three rings expanding outward in sequence.

#animation #transform #border

Live preview Loaders

Ring Toss Post

Ring being tossed on post.

#animation #gradient #border

Live preview Loaders

Elastic Ring Wobble

Ring wobbling elastically.

#animation #transform #border

Live preview Loaders

Gymnastic Rings Swing

Gymnast swinging on rings.

#animation #transform #border

Live preview Loaders

Ripple Wave

Concentric ripples expanding outward and fading away.

#animation #border #transform

Live preview Loaders

Ripple Square Pulse

Square ripple pulsing outward.

#animation #transform #border

Live preview Loaders

Roller Coaster

A cart riding up and down a wavy roller coaster track.

#animation #gradient #transform

Live preview Loaders

Roller Skate

Roller skate with four spinning wheels under the boot.

#animation #gradient #transform

Live preview Loaders

Rotary Phone

Rotary phone dial spinning back after each digit.

#animation #gradient #transform

Live preview Loaders

Roulette Wheel

A red-and-black roulette wheel spinning while a white ball orbits opposite.

#gradient #animation #shadow

Live preview Loaders

Scooter

Kick scooter with a wheel spinning and deck for the rider.

#animation #gradient #transform

Live preview Loaders

Seahorse

Seahorse bobbing upright with curled tail.

#animation #gradient #transform

Live preview Loaders

Seesaw Plank

A purple plank tilting on a pivot with two balls bouncing at the ends.

#gradient #animation #border

Live preview Loaders

Shard Spin

Sharp shards spinning around center.

#animation #transform #border

Live preview Loaders

Sheet Music Flip

Sheet music page flipping.

#animation #gradient #transform

Live preview Loaders

Shield Defend

Shield with pulsing defensive aura.

#animation #gradient #transform

Live preview Loaders

Sierpinski Triangle

Recursive Sierpinski triangle pattern.

#animation #transform #border

Live preview Loaders

Signal Tower

Signal tower with pulsing waves.

#animation #gradient #transform

Live preview Loaders

Skateboard

Skateboard rolling with spinning wheels under the deck.

#animation #gradient #transform

Live preview Loaders

Slingshot Pull

Slingshot being pulled back.

#animation #gradient #transform

Live preview Loaders

Slot Machine

Three reels of colored stripes scrolling vertically at staggered speeds.

#gradient #animation #border

Live preview Loaders

Slot Reels

Three casino slot reels spinning with fruit symbols.

#animation #gradient #transform

Live preview Loaders

Snow Globe Shake

Snow globe with swirling snow.

#animation #gradient #transform

Live preview Loaders

Solar System

A miniature sun with a blue and red planet orbiting at different speeds.

#gradient #animation #shadow

Live preview Loaders

Sonar Ping

Concentric cyan sonar pings radiating outward from a central dot.

#animation #shadow #border

Live preview Loaders

Sonar Ping

Sonar ping rings expanding outward.

#animation #transform #border

Live preview Loaders

Speaker Pulse

Speaker cone pulsing with bass.

#animation #gradient #transform

Live preview Loaders

Spin the Bottle

A bottle spinning and slowing on a circular board.

#animation #gradient #transform

Live preview Loaders

Spiral Twist

Spiral shape twisting inward.

#animation #transform #border

Live preview Loaders

Spirograph

Spirograph pattern rotating continuously.

#animation #transform #border

Live preview Loaders

Bouncing Spring

A stack of blue coils compressing and extending like a pogo spring.

#gradient #animation #shadow

Live preview Loaders

Square Flip Grid

Four squares flipping in 3D in a staggered wave.

#animation #3d #border

Live preview Loaders

Square Stack

Stacked squares scaling outward.

#animation #transform #border

Live preview Loaders

Stapler Press

Stapler pressing down and firing staples into paper.

#animation #gradient #transform

Live preview Loaders

Stargate

Stargate with rippling event horizon.

#animation #gradient #transform

Live preview Loaders

Steam Wisps

Soft white steam puffs rising, drifting, and dissipating.

#gradient #animation #border

Live preview Loaders

Steeple Bell

Steeple with swinging bell.

#animation #gradient #transform

Live preview Loaders

Steering Wheel

Steering wheel rotating back and forth.

#animation #transform #border

Live preview Loaders

Stopwatch Tick

Stopwatch with ticking second hand.

#animation #gradient #transform

Live preview Loaders

Sundial Sweep

A warm sundial disc with a sweeping shadow arm marking time.

#gradient #animation #shadow

Live preview Loaders

Supernova Burst

Star exploding in a supernova burst.

#animation #gradient #transform

Live preview Loaders

Synthesizer Key

Synth keys pressing with glow.

#animation #gradient #transform

Live preview Loaders

Tambourine Shake

Tambourine shaking with jingles.

#animation #gradient #transform

Live preview Loaders

Teacup Ride

Spinning teacups rotating around a saucer plate.

#animation #transform #shadow

Live preview Loaders

Tetris Drop

Tetromino blocks falling and stacking in a well.

#animation #shadow #border

Live preview Loaders

Theremin Wave

Theremin emitting sine waves.

#animation #gradient #transform

Live preview Loaders

Thermometer Mercury

Thermometer mercury rising.

#animation #gradient #border

Live preview Loaders

Toaster Pop

Toaster with bread slices popping up rhythmically.

#animation #gradient #border

Live preview Loaders

Tornado Funnel

A narrowing stack of blue bands swaying like a spinning tornado.

#gradient #animation #border

Live preview Loaders

Torus Roll

Torus ring rolling across the screen.

#animation #transform #border

Live preview Loaders

Tractor

Tractor with big rear wheels spinning across a field.

#animation #gradient #transform

Live preview Loaders

Traffic Cone

Traffic cone with blinking stripes.

#animation #border

Live preview Loaders

Traffic Light

Traffic signal cycling red, yellow, and green.

#animation #gradient #shadow

Live preview Loaders

Train Wheel

Steam locomotive wheel with piston rod driving back and forth.

#animation #gradient #transform

Live preview Loaders

Triangle Fuse Burst

Three triangles fusing and bursting outward.

#animation #transform #border

Live preview Loaders

Triangle Ding

Triangle instrument vibrating.

#animation #transform #border

Live preview Loaders

Triangle Spin

Equilateral triangle spinning on its center.

#animation #transform #border

Live preview Loaders

Triple Ring Pulse

Three rings pulsing outward in sequence.

#animation #transform #border

Live preview Loaders

Tube Light

Fluorescent tube light warming up.

#animation #shadow #border

Live preview Loaders

Typewriter Keys

Typewriter keys stamping down in sequence.

#animation #transform #border

Live preview Loaders

VHS Tape

VHS tape reels spinning behind a plastic window.

#animation #gradient #transform

Live preview Loaders

Walkman

Walkman cassette player with a rotating tape reel inside.

#animation #gradient #transform

Live preview Loaders

Warp Drive

Warp drive stretching space around ship.

#animation #transform #border

Live preview Loaders

Wave Bars

Six blue bars riding a sinusoidal wave up and down.

#gradient #animation #border

Live preview Loaders

Wheel Spin

Wheel with spokes spinning.

#animation #gradient #transform

Live preview Loaders

Whisk Spin

Kitchen whisk spinning to whip up a swirl of mixture.

#animation #transform #border

Live preview Loaders

Windmill Pinwheel

Four colored blades spinning around a central hub.

#gradient #animation #border

Live preview Loaders

Window Shutter

Window shutters opening and closing.

#animation #gradient #transform

Live preview Loaders

Wormhole

Wormhole tunnel with concentric rings.

#animation #transform #border

Live preview Marquees

Chalk Dashed Frame

A dashed chalk frame holds the loop, giving it a cut-out coupon character.

#marquee #dashed #border

Live preview Navigation

3D Perspective Navbar

Navbar with 3D hover lift and perspective transform.

#hover #transform #shadow

Live preview Navigation

Arrow Circle Dot Navbar

Nav with circular dot arrow indicators on active items.

#hover #shadow #border

Live preview Navigation

Arrow Neon Active Navbar

Nav with neon glowing arrow on the active item.

#hover #animation #shadow

Live preview Navigation

Arrow Outline Draw Navbar

Nav with arrow outline drawn on the active item.

#hover #animation #transform

Live preview Navigation

Arrow Square Dot Navbar

Nav with square dot arrow indicators on active items.

#hover #shadow #border

Live preview Navigation

Aurora Background Navbar

Navbar with aurora-like animated gradient blobs.

#hover #animation #gradient

Popular tags