Box Shadow Studio

Design modern multi-layered CSS shadows

Shadow Properties

X Offset0px

Y Offset10px

Blur Radius20px

Spread Radius-5px

Shadow Opacity10%

Inset Shadow

Internal shadow effect

Shadow Color

Environment

Box Color

Background

Live Preview

Preview Box

CSS Syntax

box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.1);
border-radius: 24px;
background-color: #ffffff;

All Image Tools