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

Star Burst Seal

Sunburst seal with star points radiating outward.

#transform #shadow #filter

Live preview Badges

Arrow Tag Shape Badge

Right-pointing arrow-tag badge with pointed end.

#gradient #shadow

Live preview Badges

Star Shape Badge

Five-point star-shaped badge with golden glow.

#gradient #shadow

Live preview Badges

Canceled Stamp

Canceled stamp with strong red diagonal style.

#transform #shadow #border

Live preview Badges

Tag With Hole

Price tag with string hole and notched left side.

#transform #shadow

Live preview Badges

Trust Firewall Badge

Firewall-protected badge with brick-wall red tone.

#gradient #shadow #border

Live preview Badges

Vapor Palm Badge

Vaporwave badge with palm-tree silhouette accent.

#gradient #shadow #border

Live preview Badges

Weather Hail Badge

Hail weather badge with ice-stone speckle pattern.

#gradient #shadow #border

Live preview Badges

Y2K Daisy Badge

Daisy-themed badge with white-yellow petal styling.

#gradient #shadow #border

Live preview Backgrounds

Amplifier Pulse

An amplifier's volume bars glow with each pulse of music.

#animation #gradient #transform

Live preview Backgrounds

Cake Candle Blow

A birthday cake with candles whose flames lean in the breeze.

#animation #gradient #transform

Live preview Backgrounds

Candle Flame Row

A row of candle flames flicker gently in a dark setting.

#animation #gradient #transform

Live preview Backgrounds

Checkered Flag

A black and white checkered flag waves in the wind.

#animation #gradient #transform

Live preview Backgrounds

Christmas Tree Lights

Twinkling Christmas tree lights blink in festive colors.

#animation #gradient #shadow

Live preview Backgrounds

Comet NEOWISE

Comet NEOWISE displays a brilliant twin tail in twilight.

#animation #gradient #transform

Live preview Backgrounds

Cotton Candy Spin

A swirl of pink cotton candy spins around a paper cone.

#animation #gradient #transform

Live preview Backgrounds

Dandelion Seeds

Floating dandelion seeds drift away on a gentle summer breeze.

#animation #gradient #transform

Live preview Backgrounds

Diagonal Moving Lines

Crisp neon diagonal lines sweep across a dark backdrop like a synth scan.

#gradient #animation #3d

Live preview Backgrounds

Dragon Curve

Heighway dragon curve iterating with fractal jagged edges.

#animation #gradient #transform

Live preview Backgrounds

Electric Keyboard

An electric keyboard's keys pulse with neon glow as they play.

#animation #gradient #shadow

Live preview Backgrounds

Lightning Storm

Bolts of lightning flash across a dark stormy sky with a soft glow.

#gradient #animation #glow

Live preview Backgrounds

MP3 Waveform

An audio waveform scrolls horizontally across a dark panel.

#animation #gradient #shadow

Live preview Backgrounds

Tuning Fork Ring

A struck tuning fork vibrates and emits visible resonance waves.

#animation #gradient #transform

Live preview Backgrounds

Vinyl Record Spin

A black vinyl record spins on a turntable under warm light.

#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

Arena Sand

Gladiator-style button with sandy texture.

#hover #gradient #transform

Live preview Buttons

Banana Peel

Yellow banana peel with subtle curve.

#hover #gradient #transform

Live preview Buttons

Bessemer Steel

Molten bessemer steel with hot edge.

#hover #gradient #shadow

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

Champagne Bubbles

Pale champagne with rising bubble streams.

#animation #gradient #shadow

Live preview Buttons

Equinox

Equinox button with a balanced day-night split.

#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

Allergy Alert Card

Allergy alert card with warning banner and allergen list.

#shadow #border

Live preview Cards

App Update Card

App update card with version, size, and update button.

#gradient #shadow #border

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

Booking Confirm Card

Booking confirmation card with reference and details.

#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

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

Moon Phase Card

Moon phase card with current phase, illumination, and cycle.

#gradient #shadow #border

Live preview Cards

Pet Vaccination Card

Pet vaccination record with vaccine name, date, and next due.

#shadow #border

Live preview Cards

Student ID

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

#gradient #shadow #border

Live preview Cards

Troll Card

Troll card with regeneration and claw attack.

#gradient #shadow #border

Live preview Cards

Visa Stamp Card

Passport visa stamp card with an angled ink stamp and entry/exit details.

#gradient #transform #shadow

Live preview Cards

Vocabulary Word Card

Vocabulary word card with definition, pronunciation, and example.

#shadow #border

Live preview Cards

Weather Today Card

Today's weather widget with temperature, condition, and high/low.

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

Duck Toggle

A duck flips orange when checked.

#transform #shadow #filter

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

Neon Background Input

Dark input with neon glow background on focus.

#gradient #shadow #border

Live preview Forms

3D Border Input

Skeuomorphic 3D raised border that depresses on focus.

#transform #shadow #border

Live preview Forms

Dashed Border Input

Input with a dashed border that solidifies on focus.

#shadow #border

Live preview Forms

iOS Style Floating Label

Clean iOS-style input with rounded corners and subtle floating label.

#shadow #border

Live preview Forms

Pill Floating Label

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

#transform #shadow #border

Effects tagged #shadow

Popular tags