Seguidores

Pesquisar este blog

quinta-feira, 21 de junho de 2012

2

Efeito Opacidade Hover nas imagens


Oiie amores, o tutorial de hoje vai ser de como colocar Efeito opacidade nas imagens, o tutorial é bem simples e o resultado é ótimo, então vamos lá !

No painel principal do blog clique em desing>editar html feito isso tecle Ctrl+f e procure por:

]]></b:skin>  

Achou? Agora ACIMA dessa tag cole o código abaixo:

/*---Efeito Opacidade / Crazyinhtml.blogspot.com---*/
.post img {
 -moz-opacity:0.60; opacity:0.60;/* Opacidade da imagem */
-webkit-transition-duration: 2s; /* Tempo de mudação de uma imagem para outra */
}
.post img:hover {
-moz-opacity:1.0; opacity:1.0;
}
.sidebar img {
 -moz-opacity:0.60; opacity:0.60;/* Opacidade da imagem */
-webkit-transition-duration: 2s;
}
/*---Fim do código / Don't Plagio---*/

Prontinho? Antes de salvar dê uma visualizada para ver se está do jeitinho que vc quer, se estiver é só clicar naquele botão laranja (super discreto) escrito salvar modelo e pronto. 

2 comentários:

  1. Me ajudou muito mesmo! Muito obrigado..Beijão!

    rabiscos-em-paris.blogspot.com.br

    ResponderExcluir
  2. Estava procurando esse código e já estou usando em meu blog.
    Coloquei nos créditos porque me ajudou muito, obrigado em dispor!(≧◡≦)~♥

    ResponderExcluir

LinkWithin

Related Posts Plugin for WordPress, Blogger...