Свойство 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>

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

Свойство margin-right

Устанавливает величину отступа от правой границы текущего элемента до внутренней границы его роди...

Свойство font-variant

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

Свойство float

Определяет, по какой стороне будет выравниваться элемент, при этом остальные элементы будут обтек...

Свойство grid-gap

Определяет отступ между строками и столбцами grid сетки. <br>Сокращение для grid-row-gap и ...

Свойство column-rule-width

В многоколоночном тексте задаёт толщину линий между колонок.