Box Shadow Generator

Настраивайте смещение, размытие, цвет и прозрачность CSS-тени. Создавайте до пяти теней с предпросмотром и копируйте готовый box-shadow.

Настройки

Настраивайте тень слоями, выбирайте форму и сразу копируйте CSS.

Пресеты

Готовые варианты для карточек, стекла, мягких и глубоких теней.

CSS

Готовый код с префиксами и итоговым свойством.

-webkit-box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.15);