Генератор CSS-теней
Генератор box-shadow помогает настроить тень элемента — смещение по X и Y, размытие, растяжение и цвет — и сразу увидеть результат и скопировать готовый CSS-код.
Как пользоваться инструментом «Генератор CSS-теней»
Настройте ползунки смещения, размытия и растяжения, выберите цвет и прозрачность тени, при необходимости включите внутреннюю тень (inset) — CSS-код обновится автоматически.
Частые вопросы
Что такое растяжение тени (spread)?
Положительное значение увеличивает размер тени относительно элемента, отрицательное — уменьшает её.
Что означает внутренняя тень inset?
Она рисует тень внутри элемента, создавая эффект вдавленности, а не тени, отбрасываемой наружу.
Можно ли задать несколько теней сразу?
Инструмент генерирует одну тень; несколько теней можно указать в CSS через запятую, объединив несколько сгенерированных значений.