🔲

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

Создавайте CSS-тени визуально с интуитивным управлением. Настройте blur, spread, цвет и offset. Скопируйте готовый CSS-код.

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

Слои ()

Пресеты

Layer

Горизонтальное смещение: px

Вертикальное смещение: px

Радиус размытия: px

Радиус распространения: px

Цвет тени

Прозрачность: %

Внутренняя

CSS-код

Встроить этот инструмент на ваш сайт

× px

Тема

Цвет

Фон

Рамка

Цвет границы

Радиус границы

Показать брендинг Разрешить полноэкранный режим Компактный режим Включить анимации Прозрачный фон

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

💡 Совет по интеграции

Скопируйте код для вставки и вставьте его в HTML вашего сайта. Адаптивная версия автоматически подстраивается под все размеры экрана.

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

✓

ℹ️ О Box Shadow Generator

Создайте CSS тени с визуальным редактором. Настройте размытие, распространение и цвет.

💡 Примеры использования

Создание CSS теней

Эффекты карточек

Дизайн UI элементов

Кнопки и ссылки

Модальные окна

📋 Как использовать

Настройте смещение

Выберите размытие и растяжение

Выберите цвет тени

Скопируйте CSS код

💎 Советы профессионалов

Несколько теней создают глубину
Используйте прозрачность для мягкости
Inset создает внутреннюю тень

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

CSS свойство для добавления тени к элементу.

Да, через запятую.

Тень внутри элемента, а не снаружи.

🔥 Популярные

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

Все инструменты