Определяет уровень прозрачности элемента веб-страницы. Уровень прозрачности описывает то, насколько элемент просвечивает и как сквозь него видны другие элементы, расположенные за ним. Так, значение в 1 означает полную непрозрачность элемента, значение 0.5 означает, что элемент прозрачен на 50%, а 0 - полную прозрачность.
Внимание: При использовании свойства opacity для управления прозрачностью фона элемента, все его потомки также получают такой же уровень прозрачности. Это может сделать текст внутри полностью прозрачного элемента нечитаемым. Если вы не хотите, чтобы прозрачность применялась к потомкам элемента, используйте установку цвета при помощи функции RGBA.
CSS синтаксис
opacity: число | initial | inherit;
Возможные значения
| Значение | Описание |
|---|---|
| число | Устанавливает уровень прозрачности от 0.0 (полная прозрачность) до 1.0 (полная непрозрачность). |
| inherit | Значение наследуется от родительского элемента. |
| initial | Устанавливает значение по умолчанию. |
Пример использования
Устанавливаем уровень прозрачности для элемента <div>
div {
opacity: 0.5;
}
