Как использовать свойство opacity для создания полупрозрачных элементов?

Чтобы использовать свойство opacity для создания полупрозрачных элементов, нужно установить для него значение в диапазоне от 0 (полная прозрачность) до 1 (полная непрозрачность). doka.guide ru.w3docs.com

Пример установки прозрачности элемента: .selector { opacity: 0;. doka.guide

Пример установки полупрозрачности элемента, сквозь который видно фон: .selector { opacity: 0.5;. doka.guide

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

Важно помнить, что невидимый элемент всё равно остаётся на странице и продолжает влиять на поток документа. doka.guide

Если нужно задать полупрозрачный фон, а дочерние элементы должны быть нормальными (текст, изображения), следует использовать полупрозрачный фон background, а не opacity. webformyself.com