CSS Opacity
The CSS Opacity property is used to set the clarity of the image. It is defined as degree and specify the transparency of an element.
Note: Opacity value will be less than 1.
Let us see an example of CSS opacity:
<!DOCTYPE html>
<html>
<head>
<style>
img.traspar{
opacity: 0.5;
filter: alpha(opacity=40); /* For IE8 and earlier */
}
</style>
</head>
<body>
<p>without Opacity Image</p>
<img src="image/opacity-img.png">
<p>Transparent Image</p>
<img class="traspar" src="image/opacity-img.png">
</body>
</html>