Свойство opacity

Описание

Определяет уровень прозрачности элемента веб-страницы. При частичной или полной прозрачности через элемент проступает фоновый рисунок или другие элементы, расположенные ниже полупрозрачного объекта.

Синтаксис

opacity: число | проценты;

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
 #test {
 width: 300px;
 opacity: 0.3;
 }
 </style>
 <img src='/files/images/regular/body-img.jpg' id='test' alt='' />
</body>
</html>

Читайте также