UTILS.
100% в браузере

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

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

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

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

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

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

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