CSS Shadow Generator

Box-shadow · Text-shadow · Multi-layer · Live preview · Free

Shadow Layers

Offset X 4px

Offset Y 6px

Blur 20px

Spread 0px

Opacity 0.35

Color

Inset

Background

Element Color

Preview

css • output

CSS Shadow Syntax

The CSS box-shadow property accepts one or more shadow layers. Each layer is defined by: offset-x offset-y blur-radius spread-radius color. Multiple layers are comma-separated, and the inset keyword creates an inner shadow.

Related Design Tools

Color Palette Gradient Generator Border Radius SVG Optimizer CSS Grid All Tools