#shadow CSS effects

5,664 free, pure-CSS effects match the "shadow" tag. Each is copy-ready and needs no library or build step.

Live preview Badges

Space Rocket Badge

Rocket-shaped badge with tapered nose and fins.

#gradient #shadow #border

Live preview Badges

Busy Status Dot

Red busy status dot with strong pulse.

#animation #transform #shadow

Live preview Badges

Status Dot Group

Three status pills sharing one shape, each with its own colour and dot glow.

#border #shadow #status

Live preview Badges

Tier Silver Shield Badge

Silver-tier shield-shaped badge with polished metallic feel.

#gradient #transform #shadow

Live preview Badges

Trust 2FA Badge

Two-factor authentication badge with key-pad glyph.

#gradient #shadow #border

Live preview Badges

Trust Privacy Badge

Privacy shield badge with eye-blocked glyph and purple tone.

#gradient #shadow #border

Live preview Badges

Trust Verified Business Badge

Verified-business badge with checkmark and blue tone.

#gradient #shadow #border

Live preview Badges

Vapor Sunset Badge

Vaporwave sunset gradient badge with retro gradient bars.

#gradient #shadow #border

Live preview Badges

Volcano Lava Badge

Lava-flow badge with animated red-orange ember gradient.

#animation #gradient #shadow

Live preview Badges

Weather Rain Badge

Rainy weather badge with blue raindrop styling.

#gradient #shadow #border

Live preview Badges

Weather Rainbow Badge

Rainbow weather badge with multi-color arc styling.

#gradient #shadow #border

Live preview Badges

Y2K Bubble Badge

Glossy pink bubble badge with translucent highlight.

#gradient #shadow #border

Live preview Backgrounds

Accretion Disk

A superheated accretion disk spirals around a central black mass.

#animation #gradient #transform

Live preview Backgrounds

BBQ Grill Flame

A backyard barbecue grill with flames licking the grates.

#animation #gradient #transform

Live preview Backgrounds

Boxing Ring Ropes

Three boxing ring ropes tension across a blue canvas.

#animation #gradient #transform

Live preview Backgrounds

Cake Candle Blow

A birthday cake with candles whose flames lean in the breeze.

#animation #gradient #transform

Live preview Backgrounds

Celtic Spiral Knot

Triple Celtic spiral knot weaving in continuous motion.

#animation #gradient #transform

Live preview Backgrounds

Cepheid Variable

A cepheid variable star pulses regularly in brightness.

#animation #gradient #transform

Live preview Backgrounds

Grilled Cheese Melt

A grilled cheese sandwich with cheese oozing out the side.

#animation #gradient #transform

Live preview Backgrounds

Cocktail Shaker

A metal cocktail shaker vibrates as the drink mixes inside.

#animation #gradient #transform

Live preview Backgrounds

Coffee Cup Steam

Hot coffee in a mug with steam rising in swirling wisps.

#animation #gradient #transform

Live preview Backgrounds

Halley's Comet

Halley's comet sweeps across the sky with its glowing tail.

#animation #gradient #transform

Live preview Backgrounds

Long-Tail Comet

A comet with an exceptionally long glowing tail streams across space.

#animation #gradient #transform

Live preview Backgrounds

Croissant Flake

A buttery croissant shedding golden flakes while steaming.

#animation #gradient #transform

Live preview Backgrounds

Dance Floor Disco

A retro dance floor with floating silhouettes and rotating lights.

#animation #gradient #transform

Live preview Backgrounds

Desert Dunes

Golden desert dunes roll beneath a warm sun with shifting sand.

#animation #gradient #transform

Live preview Backgrounds

Disco Floor Tiles

Light-up dance floor tiles flicker in random colored patterns.

#animation #gradient #shadow

Live preview Backgrounds

Dragon Curve

Heighway dragon curve iterating with fractal jagged edges.

#animation #gradient #transform

Live preview Backgrounds

Annular Solar Eclipse

An annular eclipse shows a bright ring of fire around the moon.

#animation #gradient #transform

Live preview Backgrounds

Electric Guitar Shred

Lightning-like energy bolts surround a shredding electric guitar.

#animation #gradient #transform

Live preview Backgrounds

Energy Wave

A sine-wave of energy flows horizontally across the field.

#animation #gradient #transform

Live preview Backgrounds

Fairy Dust Shimmer

Magical fairy dust particles twinkle and drift in soft pastel light.

#animation #gradient #transform

Live preview Backgrounds

Fireworks Burst

Colorful fireworks burst and fade over a starry night sky.

#gradient #animation #3d

Live preview Backgrounds

Fireworks Finale

A grand finale of fireworks bursts across the night sky.

#animation #gradient #transform

Live preview Backgrounds

Fractal Tree

Self-similar fractal tree with branching limbs growing recursively.

#animation #gradient #transform

Live preview Backgrounds

Landing Pad Lights

A circular helipad perimeter lights up in yellow sequence.

#animation #gradient #transform

Live preview Backgrounds

Lightning Storm

Bolts of lightning flash across a dark stormy sky with a soft glow.

#gradient #animation #glow

Live preview Backgrounds

Paper Fibers

Cross-hatched repeating gradients build a warm paper grain with no image file.

#gradient #shadow #texture

Live preview Backgrounds

Plasma Arc

An electric plasma arc crackles between two points.

#animation #gradient #transform

Live preview Backgrounds

Plasma Torch

A bright blue plasma jet emits a thin column of superheated gas.

#animation #gradient #transform

Live preview Backgrounds

Orange Portal

Orange exit portal swirling with hot energy field.

#animation #gradient #transform

Live preview Backgrounds

Quasar Jet

A supermassive quasar fires a blazing relativistic jet into space.

#animation #gradient #transform

Live preview Backgrounds

Rave LED Pulse

Colorful LED panels pulse and strobe to the music beat.

#animation #gradient #shadow

Live preview Backgrounds

Retro Sunset

A striped retro sun sets behind an animated horizon line in classic 80s style.

#gradient #animation #3d

Live preview Backgrounds

Ski Slope Tracks

Curved ski tracks carve through fresh powder on a mountain slope.

#animation #gradient #transform

Live preview Backgrounds

Spacetime Warp

Spacetime itself warps and ripples around an invisible mass.

#animation #gradient #transform

Live preview Backgrounds

Traffic Lights

Traffic lights cycle through red yellow and green.

#animation #gradient #transform

Live preview Backgrounds

Trophy Shine

A golden trophy spins with a sparkle highlight.

#animation #gradient #transform

Live preview Backgrounds

Vernal Equinox

Balanced light and dark halves mark the spring equinox boundary.

#animation #gradient #transform

Live preview Backgrounds

Violin String Vibration

Bowed violin strings vibrate with a warm amber resonance.

#animation #gradient #transform

Live preview Backgrounds

White Dwarf

A dense white dwarf star glows intensely in the dark of space.

#animation #gradient #transform

Live preview Buttons

Abyss Depth

Bottomless abyss with descending blue gradient.

#hover #gradient #shadow

Live preview Buttons

Acorn Cap

Brown acorn with cap-textured top.

#hover #gradient #shadow

Live preview Buttons

Acorn Shell

Acorn-brown button with a glossy cap shell.

#hover #gradient #shadow

Live preview Buttons

Aerospace Panel

Industrial aerospace metal panel with rivets.

#hover #gradient #transform

Live preview Buttons

Almond Cream

Soft almond-cream with brown speckle.

#hover #gradient #transform

Live preview Buttons

Amber Haze

Golden amber button with a hazy outer glow.

#hover #gradient #transform

Live preview Buttons

Andromeda

Andromeda-galaxy button with spiral star arms.

#hover #gradient #transform

Live preview Buttons

Animated Stripe Button

Diagonal candy stripes that scroll continuously across the button.

#gradient #animation #hover

Live preview Buttons

Anodized Aluminum

Colorful anodized aluminum with smooth surface.

#hover #gradient #shadow

Live preview Buttons

Aquamarine Sea

Pale aquamarine sea-gem with clear facets.

#hover #gradient #transform

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

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

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

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

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

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

Popular tags