«Единственный способ творить великие дела – это любить то, что ты делаешь»
CSS

Свойство opacity задает степень  прозрачности элемента.

Это свойство применимо ко всем элементам.

Значение свойства opacity

- 0 – соответствует полной прозрачности элемента - элемент невидим.

- 1 – соответствует непрозрачности элемента. 

- от 0 до 1 (например 0,4) - частичная прозрачность элемента.

Значение по умолчанию

- 1

Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Свойство opacity </title>
</head>
<body>

<p style="font-size:36px; color:#FF0000;"> Непрозрачный текст </p>
<p style="font-size:36px; color:#FF0000; opacity:0.5;"> Полупрозрачный текст </p>

</body>
</html>
Результат


Все cвойства CSS

CSS по шагам