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

Tuning Fork Ring

A struck tuning fork vibrates and emits visible resonance waves.

#animation #gradient #transform

Live preview Buttons

Amber Glow Button

Warm amber button with a soft pulsing radial glow.

#hover #animation #gradient

Live preview Buttons

Apricot Glow

Soft apricot orange with gentle glow.

#hover #gradient #transform

Live preview Buttons

Binary Stream Button

Matrix-style button with falling binary digits in the background.

#hover #animation #transform

Live preview Buttons

Bonsai Tree

Tiny bonsai with green crown on brown pot.

#hover #gradient #shadow

Live preview Buttons

Bracket Wrap Button

Code-style button wrapped by animated square brackets.

#hover #transform #shadow

Live preview Buttons

Brass Buckle

Polished brass belt buckle shape.

#hover #gradient #shadow

Live preview Buttons

Ceramic Glaze

Glossy ceramic with speckled glaze.

#hover #gradient #transform

Live preview Buttons

Frosted Ice Button

Translucent frosted ice button with a sweeping crystalline shine.

#gradient #hover #glass

Live preview Buttons

Nebula Cloud

Cosmic purple-pink nebula swirl.

#hover #gradient #transform

Live preview Buttons

Pelagic

Open-ocean pelagic button with deep blue vastness.

#hover #gradient #transform

Live preview Buttons

Rafter

Rafter-button with diagonal roof beams.

#hover #gradient #shadow

Live preview Buttons

Tundra Frost

Icy tundra grays with frost crystals.

#hover #gradient #shadow

Live preview Buttons

Vanilla Bean

Creamy vanilla with dark bean specks.

#hover #gradient #transform

Live preview Buttons

Violet Storm

Deep violet button with lightning flicker.

#animation #gradient #shadow

Live preview Buttons

Void Black

Pure void-black button with a subtle violet rim.

#hover #shadow #border

Live preview Buttons

Wave Crest

Wave-crest button with a curling white foam top.

#hover #gradient #transform

Live preview Buttons

Whetstone

Whetstone-button with a smooth sharpening surface.

#hover #gradient #shadow

Live preview Buttons

Yarrow

Pale yarrow-cluster button with tiny white dots.

#hover #gradient #shadow

Live preview Cards

Bakery Fresh Card

Bakery fresh item card with name, baked time, and price.

#gradient #shadow

Live preview Cards

Beach Resort Card

Beach resort card with cabana, umbrellas, and water temp.

#gradient #shadow

Live preview Cards

Beer Flight Card

Beer flight card with sample glasses and ABV range.

#gradient #shadow #border

Live preview Cards

Beer Pair Tips Card

Beer pairing tips card with beer style, dish pairing, and reasoning.

#gradient #shadow #border

Live preview Cards

Circuit Diagram Card

Circuit diagram card with battery, switch, and bulb.

#gradient #shadow #border

Live preview Cards

Climb Pitch Card

Rock climbing pitch card with grade, length, and protection.

#gradient #shadow #border

Live preview Cards

Cocktail Menu Card

Cocktail menu card with a glass illustration, ABV, and tasting notes.

#gradient #shadow #border

Live preview Cards

Codex Lore Card

Codex lore card with an illuminated initial, parchment, and ornate border.

#gradient #shadow #border

Live preview Cards

Coffee Passport

Coffee passport card with stamp grid, roast notes, and a bean icon.

#gradient #transform #shadow

Live preview Cards

Cotton Candy Card

Cotton candy card with fluffy texture and pastel colors.

#gradient #shadow #border

Live preview Cards

Discount Coupon

Coupon card with scissors, a dashed cut line, notch cutouts and a big discount percentage.

#gradient #shadow #border

Live preview Cards

Credit Card

Realistic credit card with a gold chip, embossed number, brand mark and details.

#gradient #hover #3d

Live preview Cards

Diet Plan Card

Daily diet plan card with meal slots and macros split.

#shadow #border

Live preview Cards

Earthquake Card

Earthquake alert card with magnitude, depth, and epicenter.

#gradient #shadow #border

Live preview Cards

Energy Type Card

Energy type card showing kinetic vs potential with formula.

#gradient #shadow #border

Live preview Cards

Estimate Card

Service estimate card with breakdown and labor hours.

#shadow #border

Live preview Cards

Invite Only Card

Invite-only card with an envelope flap, wax seal, and elegant calligraphy title.

#gradient #transform #shadow

Live preview Cards

Student ID

Student ID card with a portrait, university header, and a barcode strip.

#gradient #shadow #border

Live preview Cards

Vocabulary Word Card

Vocabulary word card with definition, pronunciation, and example.

#shadow #border

Live preview Cards

YouTube Video Card

YouTube-style video card with thumbnail, duration badge, title, and channel.

#gradient #shadow

Live preview Checkboxes

Accordion Toggle

An accordion expands in red when checked.

#transform #shadow #filter

Live preview Checkboxes

Amber Fossil Stone

A golden amber stone reveals an ancient inclusion when checked.

#gradient #transform #shadow

Live preview Checkboxes

Apartment Toggle

An apartment building scales in blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Avocado Ripe Toggle

An avocado glows green when ripe and checked.

#transform #shadow #filter

Live preview Checkboxes

Bacon Sizzle Toggle

A bacon strip wiggles with a red glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Banjo Toggle

A banjo slides in brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Battery Charge Toggle

A battery glows green when checked.

#animation #transform #shadow

Live preview Checkboxes

Espresso Toggle

An espresso pulses brown when checked.

#animation #transform #shadow

Live preview Checkboxes

Pulsar Radio Beams

Concentric radio waves pulse outward when this star is checked.

#animation #transform #shadow

Live preview Checkboxes

Silverfish Toggle

A silverfish spins gray when checked.

#animation #transform #shadow

Live preview Checkboxes

Sparkle Twinkle

A four-pointed sparkle that twinkles in with a magenta glow and slow spin when checked.

#animation #shadow #border

Live preview Checkboxes

Psi Symbol Toggle

The Greek psi letter slides in blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Pickup Truck Toggle

A pickup truck bounces in orange when checked.

#animation #transform #shadow

Live preview Checkboxes

Wifi Signal Toggle

An SVG wifi icon lights up in cyan with a soft glow when the device goes online.

#shadow #border #filter

Live preview Forms

Frosted Glass Input

Heavy frost effect with crystalline texture overlay.

#shadow #border #filter

Live preview Forms

Glassmorphism Input

Frosted glass input with backdrop blur and translucent border.

#shadow #border #filter

Live preview Forms

Stars Background Input

Cosmic starfield background with twinkling dots.

#animation #gradient #shadow

Live preview Forms

Dashed Border Input

Input with a dashed border that solidifies on focus.

#shadow #border

Live preview Forms

Pill Floating Label

Rounded pill input whose label slides into a small floating chip.

#transform #shadow #border

Live preview Forms

Rotate Floating Label

Label rotates 90 degrees then settles above the input.

#transform #shadow #border

Live preview Forms

Both Icons Input

Input with icons on both left and right sides.

#transform #shadow #border

Live preview Forms

Invalid Icon Input

Input with a red X icon that appears when invalid.

#transform #shadow #border

Live preview Forms

Retro Terminal OTP

Old terminal-style OTP with green phosphor text.

#shadow #border

Live preview Forms

Glass Search Bar

Frosted glass search bar with translucent background.

#transform #shadow #border

Live preview Forms

Skeuomorphic 3D Input

Realistic 3D input with pressed-in appearance and bevels.

#gradient #shadow #border

Live preview Hover

Edge Light Up

All four edges light up on hover.

#hover #shadow

Live preview Hover

Flash Edges

Edges flash bright white on hover.

#hover #animation #shadow

Live preview Hover

Inset Bevel Frame

Inset beveled frame creates depth on hover.

#hover #transform #shadow

Live preview Hover

Glitter Sparkle

Glitter sparkles on hover.

#hover #animation #gradient

Live preview Hover

Soft Shadow Text

Soft blurred shadow on text on hover.

#hover #shadow

Live preview Hover

Tritone Forest

Earthy forest tritone gradient on hover.

#hover #gradient #shadow

Live preview Hover

3D Zoom Tilt

3D zoom tilt transform on hover.

#hover #transform #shadow

Live preview Loaders

Arcade Cabinet

Retro arcade cabinet screen flickering with neon glow.

#animation #gradient #shadow

Live preview Loaders

Baseball Pitch

Baseball stitching spinning as it flies past home plate.

#animation #gradient #transform

Live preview Loaders

Dynamo

Dynamo generating spark.

#animation #gradient #transform

Live preview Loaders

Flip Card

A gradient card flipping 180 degrees back and forth on its vertical axis.

#gradient #animation #3d

Live preview Loaders

Game Boy

Classic handheld Game Boy with a flickering screen.

#animation #gradient #transform

Live preview Loaders

Microwave Turntable

Microwave glass plate rotating with a glowing interior.

#animation #gradient #transform

Live preview Loaders

Pilgrim Hat

Pilgrim hat with shiny buckle.

#animation #gradient #transform

Live preview Loaders

Rune Glow

Magical rune glowing with pulse.

#animation #shadow #filter

Live preview Loaders

Spark Fly

Sparks flying upward.

#animation #transform #shadow

Live preview Loaders

Sun Rays

Sun with rotating rays around a glowing yellow center.

#animation #gradient #transform

Live preview Loaders

Welder Spark

Welding torch throwing bright sparks in bursts.

#animation #gradient #transform

Live preview Navigation

3D Arrow Breadcrumbs

Breadcrumbs with 3D arrow separators.

#hover #gradient #transform

Live preview Navigation

Stack Cards Drawer Navbar

Drawer with stacked card-style links that fan out on hover.

#hover #transform #shadow

Live preview Navigation

Magnetic Pull Navbar

Links magnetically grow toward the hovered item while neighbors shrink back.

#hover #transform #shadow

Live preview Navigation

Neon Edge Navbar

Navbar with neon glowing edges.

#hover #transform #shadow

Live preview Navigation

Dark Fade Overlay Navbar

Side panel nav with a fading dark overlay backdrop.

#hover #animation #gradient

Live preview Navigation

Light Fade Overlay Navbar

Side panel nav with a fading light translucent backdrop.

#hover #animation #gradient

Live preview Navigation

Active Flip Pagination

Active page flips on Y axis.

#hover #transform #shadow

Live preview Navigation

Pulse Throb Navbar

Active link throbs with a pulsing scale animation.

#hover #animation #transform

Live preview Navigation

Vertical Tab Glow Active

Vertical tabs with a glowing active item casting ambient light.

#hover #shadow

Popular tags