CSS: Efeito hover nas imagens.

Olá pessoas interneticas, como vão?

Trouxe um tuto simples e que eu adoro, efeito Hover nas imagens em css.

Você pode ir em Modelo>Personalizar>Avançado>Adicionar CSS. 

Ou ir em Modelo>Editar HTML> Ctrl+f> E colar o código acima de ]]></b:skin>

Código CSS:

img.acende {

opacity: 0.9;
-moz-opacity: 0.9;
Filter: Alpha(Opacity=90)
}


img.acende:hover {
opacity: 1.0;
-moz-opacity: 1.0;
Filter: Alpha(Opacity=100)
}

Cógigo HTML:

<img src="link-da-imagem" class="acende" />

Até a próxima, Nanny.