Генератор теней
Генерируйте значения CSS box-shadow визуально. Настраивайте смещение, размытие, распространение, цвет и прозрачность. Несколько слоев теней, режим inset, пресеты и вывод Tailwind CSS — всё бесплатно, прямо в браузере.
Слои теней
Настройки тени
Пресеты
CSS
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
Tailwind CSS
shadow-[4px_4px_10px_0px_rgba(0,0,0,0.25)]
Часто задаваемые вопросы
CSS box-shadow — это свойство, которое добавляет эффект тени вокруг элемента. Можно задать горизонтальное и вертикальное смещение, радиус размытия и распространения, цвет и тип тени (внутренняя или внешняя).
Да! CSS поддерживает несколько box-shadow через запятую. Этот генератор позволяет добавить до 4 слоёв теней и комбинировать их для сложных эффектов.
Да, генератор выводит как стандартный CSS box-shadow, так и эквивалентный класс Tailwind CSS с произвольным значением для прямого использования в проектах.
Да, генератор теней VUREX полностью бесплатный без регистрации. Вся обработка происходит в вашем браузере — ничего не загружается на сервер.