The opacity property sets the opacity level for an element.
The opacity-level describes the transparency-level, where 1 is not transparent at all, 0.5 is 50% see-through, and 0 is completely transparent.
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
#cls1 {
opacity: 0.1;
}
</style>
</head>
<body>
<h1>Normal H1</h1>
<h1 id="cls1">H1 with Opacity</h1>
</body>
</html>
The opacity-level describes the transparency-level, where 1 is not transparent at all, 0.5 is 50% see-through, and 0 is completely transparent.
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
#cls1 {
opacity: 0.1;
}
</style>
</head>
<body>
<h1>Normal H1</h1>
<h1 id="cls1">H1 with Opacity</h1>
</body>
</html>
Css:- opacity selector
Reviewed by Network security
on
May 23, 2019
Rating:
Reviewed by Network security
on
May 23, 2019
Rating:
No comments: