Генератор CSS-тіней

Кілька шарів box-shadow із живим попереднім переглядом.

Обробка у вашому браузері

Зміщення X: 0Зміщення Y: 12Розмиття: 28Розмір тіні: 0Прозорість кольору (%): 20Колір тініВнутрішня тінь (inset)Фон прев’юКолір картки

Ваша картка

До п’яти незалежних шарів. Перемикайте шар для налаштування; код нижче містить усі шари.

Готовий CSS

CSS-код

.card {
  box-shadow: 0px 12px 28px 0px rgb(23 37 76 / 0.2);
}