Генератор тени блока

Create CSS box shadows with multiple layers, inset shadows, and visual preview.

Shadow 1

X Offset: 0px

Y Offset: 4px

Blur: 6px

Spread: -1px

Цвет

Inset

Shadow 2

X Offset: 0px

Y Offset: 2px

Blur: 4px

Spread: -2px

Цвет

Inset

Пресеты

box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);

Features

[AUTO_TRANSLATED:ru] See your shadow in real-time

[AUTO_TRANSLATED:ru] Stack up to 5 shadows

[AUTO_TRANSLATED:ru] X, Y, blur, spread, and color

[AUTO_TRANSLATED:ru] Common shadow styles