#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

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

Live preview Loaders

Atom Spinner

Three electrons orbiting a glowing nucleus at different speeds.

#gradient #animation #shadow

Live preview Loaders

Atomic Clock

Atomic clock with pulsing atom symbol.

#animation #gradient #transform

Live preview Loaders

Badminton Shuttle

Badminton shuttlecock arcing through the air.

#animation #gradient #transform

Live preview Loaders

Striped Bar Loader

An indeterminate progress bar with candy stripes scrolling behind the fill.

#animation #gradient #transform

Live preview Loaders

Bass Clef

Bass clef symbol with two dots.

#animation #gradient #shadow

Live preview Loaders

Bat Fly Moon

Bat flying past the moon.

#animation #gradient #transform

Live preview Loaders

Beacon Flash

Beacon light flashing.

#animation #gradient #shadow

Live preview Loaders

Binary Counter

Binary counter incrementing.

#animation #shadow

Live preview Loaders

Bingo Ball

Bingo ball popping up.

#animation #gradient #transform

Live preview Loaders

Black Dwarf

Dark star pulsing with faint energy.

#animation #gradient #shadow

Live preview Loaders

Blue Giant

Blue giant star flickering.

#animation #gradient #transform

Live preview Loaders

Bumper Car

A bumper car ricocheting inside a square arena.

#animation #gradient #shadow

Live preview Loaders

Bunny Hop Egg

Bunny hopping with Easter egg.

#animation #gradient #transform

Live preview Loaders

Button Press

Button being pressed in.

#animation #gradient #transform

Live preview Loaders

Cake Slice

Cake slice with shimmer.

#animation #gradient #shadow

Live preview Loaders

Card Trick Flip

Playing card flipping in magic trick.

#animation #gradient #transform

Live preview Loaders

Carnival Game

Carnival milk bottle target.

#animation #gradient #shadow

Live preview Loaders

Cathode Ray

Cathode ray tube beam sweeping across a phosphor screen.

#animation #gradient #shadow

Live preview Loaders

CD Spin

Compact disc spinning with rainbow light reflections.

#animation #gradient #transform

Live preview Loaders

Chalice Glow

Holy chalice with radiant glow.

#animation #gradient #shadow

Live preview Loaders

Clock Spinner

A clock face with hour and minute hands ticking at different speeds.

#animation #shadow #border

Live preview Loaders

Clown Nose

Clown nose with squeak bounce.

#animation #gradient #transform

Live preview Loaders

Cocktail Shaker

Bartender shaking a cocktail shaker vigorously.

#animation #gradient #transform

Live preview Loaders

Spinning Coin

A golden coin flipping end-over-end in 3D, catching the light.

#gradient #animation #3d

Live preview Loaders

Coin Insert

A coin sliding into an arcade slot and disappearing.

#animation #gradient #shadow

Live preview Loaders

Conic Progress Loader

A registered percentage property lets the conic sweep animate smoothly, not in steps.

#animation #gradient #shadow

Live preview Loaders

CRT Screen

Old CRT monitor with scanline flicker and static.

#animation #gradient #shadow

Live preview Loaders

Crystal Sparkle

Crystal with sparkling highlights.

#animation #gradient #shadow

Live preview Loaders

Bezier Curve Orbit

Dot traveling along a bezier curve path.

#animation #shadow

Live preview Loaders

Cymbal Crash

Crash cymbal wobbling after being struck.

#animation #gradient #transform

Live preview Loaders

Cymbal Rim Tap

Cymbal with rim vibration.

#animation #gradient #transform

Live preview Loaders

Dandelion

Dandelion seeds blowing away one by one in the wind.

#animation #gradient #shadow

Live preview Loaders

Dartboard

Dartboard with a dart spinning around the bullseye.

#animation #gradient #transform

Live preview Loaders

Dial-Up Modem

Old dial-up modem with blinking connection LEDs.

#animation #shadow #border

Live preview Loaders

Diamond Shine

Diamond with brilliant shine.

#animation #gradient #shadow

Live preview Loaders

Dice Roll

A six-sided die tumbling in 3D space.

#animation #gradient #transform

Live preview Loaders

Digital Clock

Digital clock with blinking colon.

#animation #shadow

Live preview Loaders

Dog Bone

Dog bone bouncing as if a dog is chewing it.

#animation #gradient #transform

Live preview Loaders

Donut Glaze

Donut with glaze dripping.

#animation #gradient #transform

Live preview Loaders

Eclipse

Moon passing in front of sun eclipse.

#animation #gradient #shadow

Live preview Loaders

Event Horizon

Black hole event horizon pulling matter in.

#animation #gradient #transform

Live preview Loaders

Fairy Light

String of fairy lights twinkling.

#animation #shadow

Live preview Loaders

Ferris Wheel

A pink wheel rotating with four colored cabin dots at cardinal points.

#animation #shadow #border

Live preview Loaders

Fire Orb Spin

Mystical fire orb spinning.

#animation #gradient #transform

Live preview Loaders

Firefly

Fireflies glowing randomly in the night.

#animation #gradient #transform

Live preview Loaders

Football Spiral

Football spinning in a spiral pass across the field.

#animation #gradient #transform

Live preview Loaders

Frankenstein Bolt

Frankenstein with neck bolts.

#animation #gradient #shadow

Live preview Loaders

Freefall Drop

A ball falling, hitting the ground, and bouncing back up.

#animation #gradient #transform

Live preview Loaders

Frog Jump

Frog leaping up with legs extending and tucking.

#animation #gradient #transform

Live preview Loaders

Spinning Gears

Two interlocking cogwheels rotating in opposite directions.

#animation #shadow #border

Live preview Loaders

Generator Coil

Generator coil with magnetic field.

#animation #shadow #border

Live preview Loaders

Ghost Float

Ghost floating with wavy bottom.

#animation #gradient #transform

Live preview Loaders

Glitch TV

Television screen with RGB channel split and glitch noise.

#animation #gradient #transform

Live preview Loaders

Glockenspiel Bar

Glockenspiel bars shimmering.

#animation #gradient #shadow

Live preview Loaders

Glow Pulse

Glowing orb pulsing with light.

#animation #gradient #transform

Live preview Loaders

Golf Putt

Golf ball rolling toward hole.

#animation #transform #shadow

Live preview Loaders

Handpan Tone

Handpan with shimmering tone fields.

#animation #gradient #transform

Live preview Loaders

Valentine Heart Pulse

Valentine heart pulsing with love.

#animation #gradient #transform

Live preview Loaders

ECG Heartbeat

A red ECG trace line drawing itself left-to-right on a dark scope.

#animation #shadow #border

Live preview Loaders

DNA Helix

Paired dots rotating in 3D to form a twisting double helix.

#animation #3d #shadow

Live preview Loaders

Helmet Glow

Knight helmet with glowing visor.

#animation #gradient #transform

Live preview Loaders

High Jump Bar

Athlete clearing high jump bar.

#animation #transform #shadow

Live preview Loaders

Hockey Puck

Hockey puck sliding across the ice rink surface.

#animation #gradient #shadow

Live preview Loaders

Hourglass Flip

A warm amber hourglass shape that periodically flips itself.

#gradient #animation #glass

Live preview Loaders

Ice Crystal

Hexagonal ice crystal rotating.

#animation #transform #shadow

Live preview Loaders

Indeterminate Bar

A sliver of light sweeping back and forth across a track.

#gradient #animation #shadow

Live preview Loaders

Infinity Loader

A glowing dot tracing a figure-8 infinity path.

#animation #shadow #border

Live preview Loaders

Jack-O-Lantern Glow

Jack-o-lantern with glowing face.

#animation #gradient #shadow

Live preview Loaders

Joystick Wiggle

Arcade joystick wiggling back and forth on its base.

#animation #gradient #transform

Live preview Loaders

Lamp Glow

Oil lamp with glowing flame.

#animation #gradient #transform

Live preview Loaders

LED Display

LED display with shifting numbers.

#animation #shadow

Live preview Loaders

Level Bubble

Spirit level with bubble sliding to find center.

#animation #gradient #shadow

Effects tagged #shadow

Popular tags