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;

Related Tools

Gradient StudioBuild complex linear and radial gradients

Glassmorphism StudioGenerate CSS frosted glass effects

CSS Grid GeneratorDesign complex grid layouts visually

CSS Flexbox GeneratorBuild flexible flexbox containers visually

Aspect Ratio CalculatorCalculate and preview aspect ratios

SVG PlaceholderGenerate custom SVG placeholder images