Генератор тени блока CSS
Визуально генерируйте и просматривайте свойства CSS box-shadow.
Настройки тени
Отрегулируйте ползунки, чтобы настроить эффект тени
Тень 1
Предустановки
Попробуйте предопределенные стили тени
Предварительный просмотр
Посмотрите сгенерированный эффект тени
Preview
Сгенерированный CSS
box-shadow: 0px 4px 6px 0px #00000040;Справочник по свойствам тени блока
Описание свойств
- • Смещение по X: Горизонтальное положение тени (положительное: вправо, отрицательное: влево)
- • Смещение по Y: Вертикальное положение тени (положительное: вниз, отрицательное: вверх)
- • Размытие: Радиус размытия тени (0: резкая, большие значения более размытые)
- • Распространение: Размер тени (положительное: расширить, отрицательное: сжать)
- • Цвет: Цвет тени (HEX, RGB, RGBA и т. д.)
- • Внутренняя: Является ли тень внутренней тенью