CSS Box Shadow Generator

Generate CSS box-shadow with visual editor

Browser ProcessingYour data never leaves your browser

Shadow Layers

Shadow 1 Settings

Offset X5px
Offset Y5px
Blur Radius15px
Spread Radius0px
Color
Opacity30%
Inset Shadow

Preview Settings

Background:
Box Color:
Border Radius:
px

CSS 

box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.3);

Presets

Related Tools

CSS Gradient GeneratorCreate beautiful linear and radial CSS gradients
CSS Text Shadow GeneratorGenerate CSS text-shadow effects visually
CSS Border Radius GeneratorCreate custom border-radius with visual editor
CSS Clip Path GeneratorCreate CSS clip-path shapes visually