Как работает свойство opacity в CSS?

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

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

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

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