Свойство 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>
<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>
Результат
