CSS-свойство opacity
Описание: Задает уровень прозрачности элемента, влияя на его видимость и контрастность с фоном и другими элементами.
Значения:
- Числовые значения от 0 до 1
- inherit
- initial
- unset
Начальное значение: 1
Применяется к: Все элементы
Наследуется: Нет
Медиа-тип: visual
Пример использования
.overlay {
opacity: 0.7;
}Доступность (a11y)
- Использование низкой прозрачности может снизить читаемость текста и видимость интерактивных элементов.
- Обеспечьте достаточный контраст между прозрачными элементами и фоном для улучшения восприятия пользователями с нарушениями зрения.
- Избегайте использования прозрачности для передачи важной информации без дополнительных визуальных индикаторов.