26.2.13

Tutorial - Imagens em fade


*Booa noitee !!*

Meus amores, por favor, façam pedidos de post pela ask, no gadget peça. Ta  me faltando inspiração...
Hoje eu trouxe pra vocês um tuto super fácil, que deixa as imagens do blog com efeito fade.
(desculpa não ter preview do efeito, é porque onde vi o tuto não tinha.)


Vá em modelo> editar HTML e procure por:
  ]]></b:skin>
Quando achar cole este código ANTES da tag:
.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;}

Se quiser uma transição mais rápida/lenta altere os números 70 !

Beijinhus!



Um comentário:

  1. Esse efeito fica ótimo nas imagens, amei o tutorial, super bem explicado :)

    Adolescente Nerd

    ResponderExcluir

Falem o que derem na telha de vocês,só não fala palavrão,por favor tá?beijus,Layla Lac.:*