Инструменты Разработчика

Генератор Box Shadow

Настройте смещение, размытие, распространение, цвет и вставку — получите готовый CSS-код.

Инструмент №
58
Работает в браузере
Без сервера

Esc Escape — очистить

Предпросмотр

CSS-код

Что делает Генератор Box Shadow?

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

Как использовать Генератор Box Shadow?

Настройте смещение, размытие, распространение и цвет тени с помощью элементов управления.
Предварительно просматривайте тень на живом элементе.
Скопируйте сгенерированный CSS-код.

Основные возможности

Визуальный редактор с предварительным просмотром тени в реальном времени.
Поддерживает внутренние (inset) и множественные тени.
Генерирует чистый CSS-код, готовый к использованию.

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

Можно ли добавить несколько теней?

Да, можно накладывать несколько box-shadow, разделяя их запятыми в CSS.

Что такое радиус распространения?

Радиус распространения управляет тем, насколько тень расширяется за пределы размытия; положительное значение делает её больше, отрицательное — меньше.

Этот инструмент бесплатный?

Да, инструмент полностью бесплатный и не требует регистрации.

Мои данные сохраняются?

Нет. Все вычисления выполняются только в вашем браузере — данные не отправляются на сервер.