Генератор CSS Box Shadow

Все инструменты
Генератор CSS Box Shadow
Создавайте многослойные CSS-тени с живыми ползунками для смещения, размытия, распространения, цвета, прозрачности и вставки — предпросмотр на реальном элементе и мгновенное копирование готового CSS.
Живой предпросмотр
Живой предпросмотр
CSS
box-shadow: —;

Всё обновляется в реальном времени в вашем браузере — без загрузок, без регистрации, полностью бесплатно.

Слои тени
px
px
px
px
Цвет тени
20%
Элемент и холст
16px
Пресеты
Поделиться
Похожие инструменты
Конструктор подписи e-mail

Создайте профессиональную HTML-подпись из 30 шаблонов, настройте и сохраните её.
Форматировщик кода

Форматируйте HTML, CSS и JavaScript — расставляйте отступы и переносы строк, чтобы запутанный или минифицированный код стал читаемым.
Генератор QR-кодов

Создайте QR-код (URL, текст, Wi-Fi, vCard…) в формате PNG.
Иконка в PNG

Конвертируйте Bootstrap Icons, Font Awesome и другие в пользовательские PNG — бесплатно, в браузере.
Генератор иконок приложений

Создайте полный, готовый к публикации набор иконок приложения для App Store и Google Play — превосходные градиентные, mesh- и узорные фоны на основе вашего логотипа.
Генератор фавиконов

Создайте полный пакет фавиконов из логотипа, шрифтовой иконки или монограммы — favicon.ico, современные PNG, иконка Apple touch, иконки PWA, веб-манифест и HTML-фрагмент.
Популярные запросы
генератор css box shadow box shadow css генератор теней онлайн создатель тени css многослойный box shadow inset shadow css

Добавьте этот бесплатный инструмент на свой сайт — скопируйте и вставьте код ниже.