Свойство opacity в CSS устанавливает уровень прозрачности элемента. 1 Прозрачность задаётся числом от 0 (полная прозрачность) до 1 (полная непрозрачность). 1

Значение прозрачности применяется ко всему элементу, включая его содержимое, даже если значение не наследуется дочерними элементами. 1 Таким образом элемент, его содержимое, его дочерние элементы и содержимое дочерних элементов имеют одинаковый уровень прозрачности, даже если у самого элемента и его дочерних элементов установлены разные значения прозрачности. 1

Невидимый элемент всё равно остаётся на странице и продолжает влиять на поток документа. 3 Если скрыть какой-то блок при помощи opacity, то он просто будет невидим, но не перестанет занимать своё место. 3

Значение по умолчанию для свойства opacity — 1, при котором элемент становится полностью непрозрачным. 5