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

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

initial

Значение применяется для установки исходного значения свойства. Может пригодиться в нескольких сл...

Свойство outline-color

Указывает цвет внешней границы элемента.<br>В отличие от линии, задаваемой через border, ли...

Свойство border-right-style

Устанавливает стиль правой границы элемента.

Свойство grid-gap

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

Свойство transition

Универсальное свойство, которое позволяет одновременно задать значения transition-property, trans...