#shadow CSS effects

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

Live preview Hover

Flip 3D Page

Page-turn 3D flip on hover.

#hover #transform #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

Cyber Corner Frame

Cyberpunk-style corner brackets with glow trace on hover.

#hover #transform #shadow

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

Inset Bevel Frame

Inset beveled frame creates depth on hover.

#hover #transform #shadow

Live preview Hover

Laser Zap Frame

Laser beam zaps around the perimeter on hover.

#hover #animation #transform

Live preview Hover

Magnetic Pull Frame

Frame magnetically follows the cursor on hover.

#hover #transform #shadow

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

Shadow Frame

Layered colored shadows build a frame 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 Sparkle

Glitter sparkles on hover.

#hover #animation #gradient

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

Soft pulsing glow halo on hover.

#hover #animation #shadow

Live preview Hover

Glow Sparkle Dust

Sparkle dust glints on hover.

#hover #animation #transform

Live preview Hover

Glow Strobe Rapid

Rapid strobe glow flashes 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

Grow Bloom

Soft grow bloom on hover.

#hover #transform #shadow

Live preview Hover

Halo Ring

A glowing halo ring expands on hover.

#hover #transform #shadow

Live preview Hover

Infrared Heat

Infrared heat-glow on hover.

#hover #shadow

Live preview Hover

Inner Shadow Glow

Inset shadow glows from edges 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

Magnetic Button

Button translates toward the cursor for a magnetic pull feel.

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

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

Candle Flame

Soft candle flame flickers on hover.

#hover #animation #gradient

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

Pixel Grid Light

A fine grid of pixel dots lights up across the panel on hover.

#gradient #hover #shadow

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

Saturate Bleed

Over-saturates with a soft bloom halo on hover.

#hover #shadow #filter

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

Shatter Glass

Panel splits into 4 glassy quadrants that fly outward and fade on hover.

#gradient #hover #glass

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

Sparks Fly

Sparks fly outward on hover.

#hover #animation #transform

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

Popular tags