Генератор CSS box-shadow с live preview, пресетами, настройкой смещения, размытия, spread, цвета, прозрачности и inset-тени.
Выберите связанный инструмент для следующего шага.
Данные передаются только внутри текущей сессии браузера и не отправляются на сервер при переходе.
Инструмент “CSS box-shadow” помогает быстро собрать CSS-тень для карточек, кнопок, модальных окон, панелей и других UI-элементов. Можно настроить смещение по X и Y, размытие, spread, цвет, прозрачность, inset-режим и несколько слоёв тени. Live preview показывает результат сразу, а готовый код можно скопировать как CSS-правило, значение box-shadow, CSS variable, inline style или Tailwind arbitrary class. Генерация выполняется локально в браузере: данные не отправляются на сервер UtiLab.