Html :Colocando opacidade nas imagens

Gente, vou ensinar como colocar opacidade nas imagens pelo css. 

1. Coloca esse código no css , ou seja, entre <style> e </style> 

.opacidade {filter:alpha(opacity=72); -moz-opacity:0.72; opacity:0.72;}
.opacidade:hover {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}

      2.  Depois, para usar, coloque o código á seguir, onde quer que a imagem apareça :

<img src="A URL DA IMAGEM AQUI KRIDO" class="opacidade">