<html>
<title>w3.css </title>
<head>
<link rel="stylesheet" href="w3.css">
</head>
<h2> Different types of Opacity </h2>
<div class="w3-row-padding w3-margin-top">
<div class="w3-third">
<div class="w3-card-2">
<img src="Penguins.jpg" alt="Penguins" class="w3-opacity-min" style="width:60%">
<div class="w3-container">
<p> Opacity set ot minimum </p> </div> </div> </div>
<div class="w3-third">
<div class="w3-card-2">
<img src="Penguins.jpg" alt="Penguins" class="w3-opacity" style="width:60%">
<div class="w3-container">
<p> Opacity </p> </div> </div> </div>
<div class="w3-third">
<div class="w3-card-2">
<img src="Penguins.jpg" alt="Penguins" class="w3-opacity-max" style="width:60%">
<div class="w3-container">
<p> Opacity set to Maximum </p> </div> </div> </div> </div>
</body>
</html>
No comments:
Post a Comment