How To Create a Transparent Image

When you add a image to your site, your code will look like this :

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCxPiCBvZQQAxifWyBjW1ZZjZ6VqWYE1gvM4cntJVzMPoBYjYBt-coKKHhP3WfbnXXH81a6sKijAA5dpiv2CKruGnYqzJva_EnXpLFkcGUVN8DZjEsaHAa8r66n26Q-BZfOF6CY1A_oGc/" alt="leaves" height="300" width="400" />

Result:


Now add style="opacity:0.4;filter:alpha(opacity=40)" to your code as below.

Now your code will look like this:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCxPiCBvZQQAxifWyBjW1ZZjZ6VqWYE1gvM4cntJVzMPoBYjYBt-coKKHhP3WfbnXXH81a6sKijAA5dpiv2CKruGnYqzJva_EnXpLFkcGUVN8DZjEsaHAa8r66n26Q-BZfOF6CY1A_oGc/" alt="leaves" height="300" width="400" style="opacity:0.4;filter:alpha(opacity=40)" />

See the result:



Note: You can change 40 as your choice.