CSS Shadows & Effects | ggcoder.com

Skip to content

home apps games tools docs find me

Built: 10/15/2026, 1:01:12 AM

/

Loading tool…

~/tools
/
css-shadows-effects
/
box-shadow

Generate CSS box shadows with live preview

css
box-shadow
shadow
generator

Preset Stacks

Layers (1)

Layer 1

Editing: Layer 1

Offset X0px

Offset Y4px

Blur6px

Spread-1px

Opacity10%

Color

Inset

Preview

Preview Box

CSS Output

box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.10);