terça-feira, 11 de setembro de 2012

IMAGENS DOS POSTS EM FADE

Tutorial.

1. No Blogger, vá em Design> Editar HTML.
2. Tecle Ctrl F e procure por:
]]></b:skin>
3. Antes dessa tag, cole o código abaixo:

.main img {
filter:alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
-webkit-transition-duration: .70s;
}
.main img:hover {
filter:alpha(opacity=45);
 -moz-opacity:0.45;
 opacity:0.45;
-webkit-transition-duration: .70s;
}
4. Salve.

Se quiser uma transição mais lenta ou mais rápida, edite o valor em negrito.

Nenhum comentário:

Postar um comentário