Try it Editor: Image Transparency

Edit This Code :

<!DOCTYPE html>
<html>
<head>
<style>
img {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
</style>
</head>
<body>

<h1>Image Transparency</h1>
<p>The opacity property specifies the transparency of an element. The lower the value, the more transparent:</p>

<p>Image with 50% opacity:</p>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3M1btem_VaeuRT4XLHpiH8eiFXk_V_VbyzWCH9u_vBbEHPcyBgit-zWot2-0eRU26dSG22gxiEQPtfOJ4NyHiSb1bv6di0S23rERdKvSBTzZwNpLcfvpUUo7iOGpSEDRBrvrLFj8OGhWT/s320/DWF.png" alt="DWF" width="170" height="170">

</body>
</html>
Result :