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

Valid Green Glow Input

Input emits a soft green glow when content is valid.

#shadow #border

Live preview Forms

Valid Green Border Input

Input that turns entirely green when valid.

#shadow #border

Live preview Forms

Valid Message Input

Input that shows a green success message below when valid.

#transform #shadow #border

Live preview Forms

Valid Pulse Input

Input border pulses green when content is valid.

#animation #shadow #border

Live preview Hover

Aura Radiate

Soft aura radiates outward on hover.

#hover #shadow

Live preview Hover

Blacklight Glow

UV blacklight glow on hover.

#hover #shadow

Live preview Hover

Blinds Roll Up

Horizontal venetian blind slats roll up one-by-one to reveal content on hover.

#gradient #hover #shadow

Live preview Hover

Bloom Glow

Soft bloom-like glow softens on hover.

#hover #shadow #filter

Live preview Hover

Border Double Line

Double-line border draws on hover.

#hover #shadow #border

Live preview Hover

Border Neon Edge

Neon glow edge border on hover.

#hover #shadow #border

Live preview Hover

Border Pulse Glow

Border pulses with glow on hover.

#hover #animation #shadow

Live preview Hover

Breathe Scale

Element breathes in and out on hover.

#hover #animation #transform

Live preview Hover

Bubbles Burst

Bubbles burst outward on hover.

#hover #animation #shadow

Live preview Hover

Candle Flame Light

Warm flickering candle glow on hover.

#hover #animation #shadow

Live preview Hover

Amber Glow

Warm amber glow on hover.

#hover #gradient #shadow

Live preview Hover

Emerald Shine

Emerald green shine on hover.

#hover #gradient #shadow

Live preview Hover

Neon Static

Static neon glow on hover.

#hover #shadow #border

Live preview Hover

Onyx Black

Onyx deep black shine on hover.

#hover #gradient #shadow

Live preview Hover

Sunset Glow

Warm sunset gradient glow on hover.

#hover #gradient #shadow

Live preview Hover

CRT Flicker

Screen brightness flickers erratically with a phosphor glow on hover.

#gradient #animation #hover

Live preview Hover

Electric Cyan

Electric cyan outline crackles on hover.

#hover #shadow #border

Live preview Hover

Embers Rise

Glowing embers rise on hover.

#hover #animation #transform

Live preview Hover

Fire Burn

Burning fire effect on hover.

#hover #animation #shadow

Live preview Hover

Fireflies Blink

Fireflies blink in dark on hover.

#hover #animation #shadow

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

Effects tagged #shadow

Popular tags