UTILS.
Приватность по умолчанию
⬛

Генератор CSS box-shadow

Создавайте box-shadow визуально с живым предпросмотром и копируйте CSS.

Ваши файлы остаются на этом устройстве

Файлы обрабатываются в браузере и не отправляются на сервер. Сайт загружает код и ресурсы для работы инструментов. Без аккаунтов и трекеров.

Нажмите «Скачать», чтобы сохранить инструмент одним HTML-файлом для работы офлайн.

Конфиденциальность →

Об этом инструменте

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

Часто задаваемые вопросы

Что делает параметр растяжения (spread)?
Растяжение увеличивает (положительное значение) или уменьшает (отрицательное) тень до применения размытия, делая её больше или плотнее самого элемента.
Что такое внутренняя тень (inset)?
Inset рисует тень внутри элемента, а не снаружи, что удобно для нажатых кнопок или внутреннего свечения.

Больше инструментов