Shadow Generator

Create and customize CSS box shadows with a visual editor. Design layered shadows, inner shadows, and glows with real-time preview.

Shadow Presets

Shadows

Shadow 1

Shadow Settings

Offset X: 0px

Offset Y: 4px

Blur: 8px

Spread: 0px

Color

Inner Shadow

Element Settings

Background Color

Border Radius: 8px

Generated CSS

.element {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border-radius: 8px;
}