CSS Box Shadow Generator

Visually design complex CSS box shadows and drop shadows with a live preview and instant code generation.

Shadow Layers

Shadow Properties (Layer 1) Horizontal Offset (X): 10px Vertical Offset (Y): 10px Blur Radius: 15px Spread Radius: -3px

Shadow Color Inset Shadow

Preview

Background Box Color

CSS

About

Interactive sliders for X/Y offset, blur, and spread radius
Support for multiple shadow layers and inset shadows
Color picker for shadow and background colors
Instant, cross-browser CSS code generation

Related Tools