Смещение X
0px
Смещение Y
16px
Размытие
32px
Распространение
0px
Прозрачность
0.18
Превью
CSS
Скопировано!
Примеры box-shadow
Генератор CSS box-shadow
Инструмент помогает визуально настроить тень элемента и получить готовое CSS-свойство.
Как пользоваться
-
Настройте тень
Смещение, размытие, цвет и размер через ползунки.
-
Посмотрите превью
Карточка покажет эффект box-shadow в реальном времени.
-
Скопируйте CSS
Вставьте строку box-shadow в свой стиль.
Частые вопросы
Да
X offset, y offset, blur, spread, color, opacity, inset
Да, в этом инструменте в современных браузерах
Да, генератор тени формирует свойство box-shadow и его можно скопировать одной кнопкой
CSS-свойство для тени элемента