GEN-10Генераторы
Генератор box-shadow
CSS-тень с предпросмотром
GEN-10Результат
Данные не покидают ваше устройство: инструмент работает локально в браузере.
Генератор box-shadow
Настройте смещение, размытие, растяжение и цвет тени — и скопируйте готовое CSS-правило box-shadow. Живой предпросмотр показывает, как тень будет выглядеть на карточке.
Частые вопросы
Что делает параметр spread?
Растягивает (положительное значение) или сжимает (отрицательное) тень до размытия.
Как сделать мягкую «дорогую» тень?
Большое размытие (30–60px), маленькое смещение и низкая непрозрачность (0.1–0.2).