Colocando Opacidade em Todas Imagens

Olá galera, venho trazendo com um pouco de tempo antes de fazer outro template para um cliente, um tutorial facil e rápido que nunca vi em nenhum site de design, vamos lá galera.


Demonstração

1º Procure pela tag

]]

2º Adicione este código antes da tag citada acima

img {
opacity: .3;
filter:alpha(opacity=30);
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-o-transition: all 0.7s linear;
transition: all 0.7s linear;
}
img:hover {
opacity:5.0;
filter:alpha(opacity=500);
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-o-transition: all 0.7s linear;
transition: all 0.7s linear;
}

Pronto agora adicionando qualquer imagem com ou sem link vai funcionar a opacidade.


By JhowRiosWeb
Se copiar botem os créditos por favor.