Перейти к содержимому

Генератор теней

Бесплатный онлайн генератор CSS box-shadow. Настройка смещения, размытия, распространения, цвета с предпросмотром. Копирование кода. Обработка в браузере.

Генератор CSS Box Shadow — это бесплатный онлайн-инструмент, который визуально редактирует свойство box-shadow. Настраивайте смещение, размытие, растяжение и цвет с помощью ползунков и предпросмотра в реальном времени. Поддержка нескольких теней и inset. Обработка в браузере без загрузки на сервер — полностью бесплатно для веб-разработки.

box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
lock Файлы не отправляются на сервер

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

  1. Настройте значения горизонтального/вертикального смещения, размытия и растяжения с помощью ползунков.
  2. Задайте цвет и прозрачность тени.
  3. Скопируйте сгенерированный CSS-код и используйте его в своём проекте.

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

Могу ли я добавить несколько теней сразу?

Да, вы можете добавлять несколько теней для создания сложной глубины и эффектов. Каждую тень можно настраивать индивидуально.

Что такое тень inset?

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