Вы здесь

CSS свойство opacity

Определяет уровень прозрачности элемента веб-страницы. Уровень прозрачности описывает то, насколько элемент просвечивает и как сквозь него видны другие элементы, расположенные за ним. Так, значение в 1 означает полную непрозрачность элемента, значение 0.5 означает, что элемент прозрачен на 50%, а 0 - полную прозрачность.

Внимание: При использовании свойства opacity для управления прозрачностью фона элемента, все его потомки также получают такой же уровень прозрачности. Это может сделать текст внутри полностью прозрачного элемента нечитаемым. Если вы не хотите, чтобы прозрачность применялась к потомкам элемента, используйте установку цвета при помощи функции RGBA.

CSS синтаксис

opacity: число | initial | inherit;

Возможные значения

Значение Описание
число Устанавливает уровень прозрачности от 0.0 (полная прозрачность) до 1.0 (полная непрозрачность).
inherit Значение наследуется от родительского элемента.
initial Устанавливает значение по умолчанию.

Пример

Устанавливаем уровень прозрачности для элемента <div>


div {
     opacity: 0.5;
}