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

Firework Burst

Firework bursts from center on hover.

#hover #animation #transform

Live preview Hover

Firework Cascade

Cascading firework on hover.

#hover #animation #shadow

Live preview Hover

Flash Burst

Single bright flash burst on hover.

#hover #animation #shadow

Live preview Hover

3D Tilt Edge Frame

Frame tilts in 3D while edges highlight on hover.

#hover #transform #shadow

Live preview Hover

Chevron Trace Frame

Chevron pattern traces the border on hover.

#hover #gradient #transform

Live preview Hover

Fire Edge Frame

Burning ember effect glows along the edge on hover.

#hover #animation #shadow

Live preview Hover

Fold Out Frame

Frame panels fold outward like opening a box on hover.

#hover #transform #shadow

Live preview Hover

Strong Glow Edge

Strong neon glow surrounds the element on hover.

#hover #shadow #border

Live preview Hover

Glow Pulse Edge

Edges pulse with glowing animation on hover.

#hover #animation #shadow

Live preview Hover

Ice Edge Frame

Crystalline ice frost forms on the edges on hover.

#hover #shadow #border

Live preview Hover

Outset Bevel Frame

Outset beveled frame lifts the element on hover.

#hover #transform #shadow

Live preview Hover

Polaroid Fold Frame

Polaroid-style frame with thick bottom border lifts on hover.

#hover #transform #shadow

Live preview Hover

Wavy Line Frame

Wavy line undulates around the border on hover.

#hover #shadow #border

Live preview Hover

Frost Crystal

Frost crystals form on hover.

#hover #shadow

Live preview Hover

Frost Freeze

Icy crystal pattern forms over the panel with a frosted blue tint on hover.

#gradient #hover #shadow

Live preview Hover

Glitter Twinkle

Twinkling glitter on hover.

#hover #animation #shadow

Live preview Hover

Glow Bloom Soft

Soft bloom glow expands on hover.

#hover #shadow #filter

Live preview Hover

Glow Border

A neon border glow softens and brightens on hover.

#glow #hover #shadow

Live preview Hover

Glow Flicker Tube

Fluorescent tube flicker on hover.

#hover #animation #shadow

Live preview Hover

Glow Gradient Flow

Animated gradient glow flows around on hover.

#hover #animation #gradient

Live preview Hover

Glow Intensify

Soft glow steadily intensifies on hover.

#hover #shadow

Live preview Hover

Glow Rainbow

Cycling rainbow glow on hover.

#hover #animation #shadow

Live preview Hover

Glow Twinkle Field

Twinkling starfield glows on hover.

#hover #animation #gradient

Live preview Hover

Glow Vignette Deep

Deep vignette shadow with inner glow on hover.

#hover #gradient #shadow

Live preview Hover

Infrared Heat

Infrared heat-glow on hover.

#hover #shadow

Live preview Hover

Laser Line

Thin laser line crosses horizontally on hover.

#hover #transform #shadow

Live preview Hover

Leap Up

Element leaps upward on hover.

#hover #transform #shadow

Live preview Hover

Lift Card Shadow

Card lifts upward with a soft, diffuse shadow on hover.

#hover #shadow #border

Live preview Hover

Lightning Flash

Lightning flash on hover.

#hover #animation #shadow

Live preview Hover

Magenta Burst

Magenta color bursts outward on hover.

#hover #shadow

Live preview Hover

Motion Streak

Motion streak trail follows on hover.

#hover #transform #shadow

Live preview Hover

Neon Pink Glow

Hot pink neon glow surrounds on hover.

#hover #shadow #border

Live preview Hover

Night Vision

Green phosphor night-vision tint on hover.

#hover #transform #shadow

Live preview Hover

OKLCH Lift Tile

One OKLCH base colour feeds the surface, border and shadow through color-mix.

#hover #border #shadow

Live preview Hover

Orbit Revolve

Satellite revolves on hover.

#hover #animation #transform

Live preview Hover

Orbit Spin

Orbital spin on hover.

#hover #animation #transform

Live preview Hover

Outer Glow Expand

Outer glow ring expands outward on hover.

#hover #shadow

Live preview Hover

Balloon Burst

Balloons burst on hover.

#hover #animation #transform

Live preview Hover

Crystal Spark

Crystal sparkles twinkle on hover.

#hover #animation #transform

Live preview Hover

Electric Arc

Electric arcs flicker on hover.

#hover #animation #gradient

Live preview Hover

Firecracker

Firecracker bursts on hover.

#hover #animation #transform

Live preview Hover

Fireflies Dance

Fireflies dance across on hover.

#hover #animation #shadow

Live preview Hover

Lightning Bolt

Lightning bolt strikes on hover.

#hover #animation #gradient

Live preview Hover

Particles Orbit

Particles orbit around on hover.

#hover #animation #transform

Live preview Hover

Petals Bloom

Petals bloom outward on hover.

#hover #animation #transform

Live preview Hover

Rocket Launch

Rocket launches upward on hover.

#hover #animation #gradient

Live preview Hover

Spark Fountain

Sparks fountain upward on hover.

#hover #animation #transform

Live preview Hover

Sparkler

Sparkler sparkles on hover.

#hover #animation #shadow

Live preview Hover

Fast Particle Swirl

Particles swirl rapidly around the element on hover.

#hover #animation #transform

Live preview Hover

Thunder Flash

Thunder flash lights up on hover.

#hover #animation #shadow

Live preview Hover

Volcano Erupt

Volcano erupts with lava on hover.

#hover #animation #transform

Live preview Hover

Polychrome Neon

Sharp neon hue cycling on hover.

#hover #animation #shadow

Live preview Hover

Pulse Glow Halo

A neon halo rhythmically pulses around the button while hovered.

#animation #glow #hover

Live preview Hover

Pulse Light

Soft light pulses gently on hover.

#hover #animation #shadow

Live preview Hover

Rain Ripple

Ripple rings from rain on hover.

#hover #animation #shadow

Live preview Hover

Rain Splash

Rain splash droplets on hover.

#hover #animation #transform

Live preview Hover

RGB Shift Anim

RGB channels shift continuously on hover.

#hover #animation #shadow

Live preview Hover

Rim Light Edge

Bright rim light traces edges on hover.

#hover #shadow #border

Live preview Hover

Scale + Blur Background

Background scales up and blurs while a foreground panel focuses in.

#gradient #hover #shadow

Live preview Hover

Scramble Text

Text appears scrambled on hover.

#hover #animation #shadow

Live preview Hover

Shadow 3D Deep

Deep 3D extruded shadow on hover.

#hover #transform #shadow

Live preview Hover

Shadow Angled

Sharp angled offset shadow on hover.

#hover #transform #shadow

Live preview Hover

Shadow Clone

Two blurred echo clones offset diagonally behind the button on hover.

#gradient #hover #shadow

Live preview Hover

Shadow Colored

Vibrant colored shadow on hover.

#hover #transform #shadow

Live preview Hover

Shadow Extend

Drop shadow stretches long and offset on hover.

#hover #transform #shadow

Live preview Hover

Shadow Hard Edge

Crisp hard-edged shadow on hover.

#hover #transform #shadow

Live preview Hover

Shadow Layered

Stacked layered shadows on hover.

#hover #transform #shadow

Live preview Hover

Shadow Long Tail

Long tail shadow streams on hover.

#hover #transform #shadow

Live preview Hover

Shadow Short Pop

Short tight shadow pop on hover.

#hover #transform #shadow

Live preview Hover

Shadow Soft

Soft diffuse shadow on hover.

#hover #transform #shadow

Live preview Hover

Shutter Close

Four triangular shutter blades sweep in from the corners to close over the panel on hover.

#gradient #hover #shadow

Live preview Hover

Skew Shift Tile

The tile leans into a slight skew and its shadow slides out to keep it grounded.

#hover #gradient #transform

Live preview Hover

Skew Tilt Button

Button skews horizontally on hover for a playful tilt.

#gradient #hover #shadow

Live preview Hover

Soft Inner Glow

Inner glow blooms from within on hover.

#hover #shadow

Live preview Hover

Sparks Burst

Sparks burst outward on hover.

#hover #transform #shadow

Live preview Hover

Spotlight Warm Glow

Warm spotlight intensifies on hover.

#hover #gradient #shadow

Live preview Hover

Stars Twinkle

Stars twinkle in night sky on hover.

#hover #animation #gradient

Live preview Hover

Strobe Pulse

Pulsing strobe light on hover.

#hover #animation #shadow

Live preview Hover

Text 3D Pop

Text pops out in 3D on hover.

#hover #transform #shadow

Live preview Hover

Text Decode

Text decodes from random characters on hover.

#hover #animation #shadow

Live preview Hover

Strong Glow Text

Strong neon glow on text on hover.

#hover #shadow

Live preview Hover

Text Neon Flicker

Text glows with neon flicker on hover.

#hover #animation #shadow

Live preview Hover

3D Text Shadow

3D shadow stack appears on text on hover.

#hover #shadow

Live preview Hover

Distant Shadow Text

Distant shadow appears on text on hover.

#hover #shadow

Live preview Hover

Double Shadow Text

Two-tone shadow on text on hover.

#hover #shadow

Live preview Hover

Text Long Shadow

Long layered text shadow on hover.

#hover #shadow

Live preview Hover

Multi Shadow Text

Multiple colored shadows on text on hover.

#hover #shadow

Live preview Hover

Thermal Map

Heat-map thermal gradient on hover.

#hover #gradient #shadow

Live preview Hover

Tritone Ocean

Deep ocean tritone on hover.

#hover #gradient #shadow

Live preview Hover

Tritone Sunset

Three-band sunset gradient overlay on hover.

#hover #gradient #shadow

Live preview Hover

Ultraviolet Bloom

UV bloom with deep violet glow on hover.

#hover #shadow

Live preview Hover

X-Ray Vision

Inverted x-ray style on hover.

#hover #transform #shadow

Live preview Loaders

Alien Spaceship

Flying saucer hovering with bobbing motion.

#animation #gradient #transform

Live preview Loaders

Alternator

Alternator generating current.

#animation #gradient #shadow

Live preview Loaders

Amp Tube Glow

Vacuum tube amplifier glowing.

#animation #gradient #transform

Live preview Loaders

Astrology Sign

Glowing astrology symbol pulsing.

#animation #transform #shadow

Popular tags