How to make transparent image using CSS

It’s quite easy if you want set transparency image on webpage using CSS. See the example google logo image, the image below using the same image source but using different CSS style. The first image is the default image without transparency effect and the 2nd image using transparency effect. When you do mouse over image 2, the image opacity will be changed.

No transparent
With Transparent Effect