Бесплатный онлайн генератор CSS box-shadow. Настройка смещения, размытия, распространения, цвета с предпросмотром. Копирование кода. Обработка в браузере.
Генератор CSS Box Shadow — это бесплатный онлайн-инструмент, который визуально редактирует свойство box-shadow. Настраивайте смещение, размытие, растяжение и цвет с помощью ползунков и предпросмотра в реальном времени. Поддержка нескольких теней и inset. Обработка в браузере без загрузки на сервер — полностью бесплатно для веб-разработки.
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
lock Файлы не отправляются на сервер
Как использовать Генератор теней?
Настройте значения горизонтального/вертикального смещения, размытия и растяжения с помощью ползунков.
Задайте цвет и прозрачность тени.
Скопируйте сгенерированный CSS-код и используйте его в своём проекте.
Часто задаваемые вопросы о Генератор теней
Могу ли я добавить несколько теней сразу?
Да, вы можете добавлять несколько теней для создания сложной глубины и эффектов. Каждую тень можно настраивать индивидуально.
Что такое тень inset?
Тень inset появляется внутри элемента, а не снаружи. В то время как обычный box-shadow появляется снаружи, добавление inset создаёт эффект углубления, вдавленности.