Свойство 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='https://mfs.gki-webik.ru/s?path=/images/regular/body-img.jpg' id='test' alt='' />
</body>
</html>Читайте также
Свойство border-style
Устанавливает стиль границы элемента....
Свойство perspective-origin
Задаёт координаты точки, куда смотрит наблюдатель. Это свойство работает совместно со свойством perspective и определяет точку сходимости линий при пе...
Свойство border-image
Используется для отображения рисованной рамки вокруг элемента. Толщина рамки задаётся свойством border, при этом если указано border: 0, то рамка не в...
Свойство padding-bottom
Устанавливает расстояние от внутреннего нижнего края рамки элемента до воображаемого прямоугольника....