CSS-свойство box-shadow
Описание: Добавляет тень к элементу, позволяя выделить его среди других элементов.
Значения:
- none
- <offset-x> <offset-y> <blur-radius> <spread-radius> <color>
- inset
Начальное значение: none
Применяется к: Все элементы
Наследуется: Нет
Медиа-тип: visual
Пример использования
.card {
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}Доступность (a11y)
- Тени могут помочь людям с нарушением зрения лучше различать границы контента.
- Не опирайтесь только на тени для передачи важной информации. Дополнительные визуальные подсказки или метки необходимы.