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

Coach Mark

Coach mark tooltip pointing to a feature above the trigger.

#hover #gradient #transform

Live preview Tooltips

Concrete Texture

Raw concrete texture tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Constellation

Tooltip with starry constellation above the trigger.

#hover #gradient #transform

Live preview Tooltips

Coral Warm

Warm coral tooltip with soft gradient above the trigger.

#hover #gradient #transform

Live preview Tooltips

Cosmic Nebula

Cosmic nebula tooltip with swirling purple-blue star clouds.

#hover #gradient #transform

Live preview Tooltips

Cotton Candy

Pink cotton candy tooltip with sweet gradient above the trigger.

#hover #gradient #transform

Live preview Tooltips

Perforated Coupon

Tooltip styled like a perforated coupon with dashed divider.

#hover #gradient #transform

Live preview Tooltips

Crayon Texture

Crayon-waxy texture tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Cream Vanilla

Light cream tooltip with a soft vanilla-tinted background.

#hover #transform #shadow

Live preview Tooltips

Crimson Velvet

Deep crimson tooltip with a gold border accent above the trigger.

#hover #gradient #transform

Live preview Tooltips

Crinkle Paper

Crinkled paper texture tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Cyan Cyber

Cyberpunk cyan tooltip with neon glow above the trigger.

#hover #transform #shadow

Live preview Tooltips

Deploy Info

Deployment info tooltip above the trigger.

#hover #transform #shadow

Live preview Tooltips

Diamond Shine

Diamond-like sparkling tooltip above the trigger.

#hover #animation #gradient

Live preview Tooltips

Diploma Ribbon

Diploma tooltip with ribbon-tied parchment styling.

#hover #gradient #transform

Live preview Tooltips

Discount Tag

Discount tag tooltip with percentage above the trigger.

#hover #transform #shadow

Live preview Tooltips

Double Frame Left

Tooltip with an outer double-frame border on the left.

#hover #transform #shadow

Live preview Tooltips

Double Frame Right

Tooltip with an outer double-frame border on the right.

#hover #transform #shadow

Live preview Tooltips

Easter Egg

Colorful Easter egg tooltip with striped pattern.

#hover #gradient #transform

Live preview Tooltips

Electric Blue

Electric blue tooltip with bright glow above the trigger.

#hover #transform #shadow

Live preview Tooltips

Emerald Green

Emerald green gem tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Error Toast

Toast-style error tooltip above the trigger.

#hover #transform #shadow

Live preview Tooltips

Fire Flame

Firey red-orange flame tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Flash Top

Tooltip flashes briefly into view above the trigger.

#hover #animation #transform

Live preview Tooltips

Foil Shine

Shiny foil-like tooltip above the trigger.

#hover #animation #gradient

Live preview Tooltips

Forest Green

Deep forest green tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Forest Mist

Misty forest tooltip with soft green-teal foggy glow.

#hover #gradient #transform

Live preview Tooltips

Ornate Frame

Tooltip with an ornate decorative corner frame.

#hover #transform #shadow

Live preview Tooltips

Photo Frame

Tooltip styled like a framed photograph above the trigger.

#hover #transform #shadow

Live preview Tooltips

Vintage Frame

Tooltip styled like an ornate vintage picture frame.

#hover #transform #shadow

Live preview Tooltips

Fuchsia Pop

Vibrant fuchsia tooltip that pops above the trigger.

#hover #transform #shadow

Live preview Tooltips

Galaxy Swirl

Galaxy swirl tooltip with a spiraling cosmic gradient.

#hover #gradient #transform

Live preview Tooltips

Gem Multicolor

Multicolor gem-style tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Glass Blur Strong

Heavy backdrop-blur frosted glass tooltip with strong blur.

#hover #transform #shadow

Live preview Tooltips

Glitch Data Corrupt

Tooltip with random data-corruption text jitter effect.

#hover #animation #transform

Live preview Tooltips

Glitch RGB Shift

Glitch tooltip with RGB channel shift on text shadow.

#hover #animation #transform

Live preview Tooltips

Glitch Top

Tooltip glitches into view with RGB split above the trigger.

#hover #animation #transform

Live preview Tooltips

Glow Border Tooltip

A dark bubble outlined by a soft coloured glow that pulses while it is open.

#hover #animation #shadow

Live preview Tooltips

Glow Pulse

Tooltip with pulsing glow effect above the trigger.

#hover #animation #transform

Live preview Tooltips

Gold Shine

Golden tooltip with shimmering shine above the trigger.

#hover #gradient #transform

Live preview Tooltips

Gradient Top

Tooltip with a vibrant gradient background above the trigger.

#hover #gradient #transform

Live preview Tooltips

Hacker Matrix

Matrix-style falling green tooltip above the trigger.

#hover #transform #shadow

Live preview Tooltips

Halloween Pumpkin

Spooky orange pumpkin-styled Halloween tooltip.

#hover #gradient #transform

Live preview Tooltips

Hologram Projection

Holographic projection tooltip with conic prismatic shimmer.

#hover #gradient #transform

Live preview Tooltips

Hologram Scanline

Holographic tooltip with animated horizontal scanline overlay.

#hover #animation #gradient

Live preview Tooltips

Hologram Shimmer

Holographic shimmer tooltip with a moving gradient overlay.

#hover #animation #gradient

Live preview Tooltips

Holographic

Holographic iridescent tooltip above the trigger.

#hover #animation #gradient

Live preview Tooltips

Ice Frost

Icy frost blue tooltip with cool glow above the trigger.

#hover #gradient #transform

Live preview Tooltips

Iceberg Floating

Floating iceberg tooltip with cool cyan and white tones.

#hover #gradient #transform

Live preview Tooltips

Icon Heart

Tooltip with heart icon above the trigger.

#hover #transform #shadow

Live preview Tooltips

Icon Lightbulb

Tooltip with bright lightbulb idea icon above the trigger.

#hover #transform #shadow

Live preview Tooltips

Icon Star

Tooltip with star icon above the trigger.

#hover #transform #shadow

Live preview Tooltips

Indigo Night

Deep indigo tooltip with starlight glow above the trigger.

#hover #transform #shadow

Live preview Tooltips

Ivory Bone

Light ivory tooltip with a warm bone-white palette.

#hover #transform #shadow

Live preview Tooltips

July 4th Stars

American patriotic red-white-blue tooltip with stars.

#hover #gradient #transform

Live preview Tooltips

Kanban Card

Kanban card tooltip above the trigger.

#hover #transform #shadow

Live preview Tooltips

Lavender Dusk

Lavender dusk purple tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Leather Texture

Leather textured tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Magenta Neon

Bright magenta neon tooltip above the trigger.

#hover #transform #shadow

Live preview Tooltips

Marble Vein

Marble with veining tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Marker Board

Whiteboard marker tooltip above the trigger.

#hover #transform #shadow

Live preview Tooltips

Marker Highlight

Tooltip with highlight marker feel above the trigger.

#hover #transform #shadow

Live preview Tooltips

Material Top

Material design tooltip with elevation above the trigger.

#hover #transform #shadow

Live preview Tooltips

Metal Brushed

Brushed metal texture tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Midnight Blue

Deep midnight blue tooltip with starlight above the trigger.

#hover #transform #shadow

Live preview Tooltips

Mint Fresh

Fresh mint tooltip with cool gradient above the trigger.

#hover #gradient #transform

Live preview Tooltips

Mono Light

Monospace light tooltip with clean terminal feel above the trigger.

#hover #transform #shadow

Live preview Tooltips

Moonlight Night

Silvery moonlit night tooltip with subtle indigo glow.

#hover #gradient #transform

Live preview Tooltips

Neon Double Glow

Neon tooltip with double-layered glow shadow above the trigger.

#hover #transform #shadow

Live preview Tooltips

Neon Flicker Anim

Neon tooltip with flickering animation on hover.

#hover #animation #transform

Live preview Tooltips

Neon Sign Buzz

Neon sign tooltip with a subtle electric buzz glow.

#hover #transform #shadow

Live preview Tooltips

Neon Top

Glowing neon tooltip with vibrant shadow above the trigger.

#hover #transform #shadow

Live preview Tooltips

New Badge

NEW badge tooltip with sparkle above the trigger.

#hover #gradient #transform

Live preview Tooltips

New Year Firework

Firework burst tooltip celebrating the New Year.

#hover #gradient #transform

Live preview Tooltips

Notification Dot

Tooltip with pulsing notification dot above the trigger.

#hover #animation #transform

Live preview Tooltips

Ocean Tide

Ocean-tide tooltip with layered blue wave gradients.

#hover #gradient #transform

Live preview Tooltips

Oil Paint

Oil paint textured tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Old Letter

Aged parchment letter tooltip with cream paper texture.

#hover #gradient #transform

Live preview Tooltips

Onboarding

Onboarding tooltip with welcome message above the trigger.

#hover #gradient #transform

Live preview Tooltips

Opal Glow

Opal-like glowing tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Paper Fold

Tooltip that unfolds like paper above the trigger.

#hover #transform #shadow

Live preview Tooltips

Paper Recycled

Recycled paper texture tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Particle Burst

Tooltip that bursts in with radiating particle dots.

#hover #transform #shadow

Live preview Tooltips

Pearl Shimmer

Pearlescent shimmering tooltip above the trigger.

#hover #animation #gradient

Live preview Tooltips

Perspective 3D

Tooltip swings in with 3D perspective above the trigger.

#hover #transform #shadow

Live preview Tooltips

Planet Ring

Saturn-like planet tooltip with an elliptical ring around it.

#hover #gradient #transform

Live preview Tooltips

Plum Royal

Royal plum tooltip with a deep wine-tinged palette.

#hover #transform #shadow

Live preview Tooltips

Post-it Note

Tooltip styled like a yellow Post-it note above the trigger.

#hover #transform #shadow

Live preview Tooltips

Prismatic

Prismatic light-split tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Product Card

Product preview card tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Pulse Top

Tooltip pulses continuously while visible above the trigger.

#hover #animation #transform

Live preview Tooltips

Purple Magic

Mystical purple tooltip with glow above the trigger.

#hover #gradient #transform

Live preview Tooltips

Rainbow Arc

Bright rainbow arc gradient tooltip.

#hover #gradient #transform

Live preview Tooltips

Red Glow

Crimson tooltip with red glow effect above the trigger.

#hover #transform #shadow

Live preview Tooltips

Review Snippet

Customer review snippet tooltip above the trigger.

#hover #transform #shadow

Live preview Tooltips

Ribbon Award

Award ribbon tooltip with notched ribbon shape.

#hover #gradient #transform

Popular tags