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

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

Стили в полноэкранном режиме

Псевдокласс :fullscreen применяется к элементам, когда браузер находится в полноэкранном режиме. ...

Свойство background-position-x

Задаёт начальное положение фонового изображения по оси X, установленного с помощью свойства backg...

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

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

Стиль посещенных ссылок

Псевдокласс :visited применяется к ссылкам, уже посещённым пользователем, и задаёт для них стилев...

Свойство padding-right

Устанавливает расстояние от внутреннего правого края рамки элемента до воображаемого прямоугольника.