16 de fev de 2013

Opacidade nas imagens

Olá meu povo, vou enscinar a vocês hoje a como botar opacidade nas imagens, é bem fácil. Ela é assim quando você por o efeito a imagem vai tar meio esbranquiçada e depois que você passa o mouse ela fica normal! é super fácil, vamos ao tutorial?

P.S: Bloquei o botão direito do mouse aqui no blog então quando você for copiar algo selecione o que quer copiar e aperte Ctrl+C



1º Passo: Abra seu blog > vá em modelo > editar HTML > procure por </head>.
2º Passo: Quando você localiza o código, você vai por, o seguinte código acima dele.


.post img {
-webkit-transition-duration: .50s;
filter:alpha(opacity=70);-moz-opacity:0.70; opacity:0.70;
}
.post img:hover {
-webkit-transition-duration: .50s;
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
}
 3º Passo: Depois, é só vizualizar e se tiver tudo certinho, é só salvar! Gostaram do tutorial?

4 comentários:

  1. Muito bom, depois eu vou fazer!!

    acodl.tk

    ResponderExcluir
  2. Estou aprendendo várias coisas legais aqui no seu Blog, muito legal *-*
    Já é um dos meus favoritos!

    Beijos <3
    http://www.joicesantosdiary.blogspot.com.br/

    ResponderExcluir
  3. Ótima dica, o meu já tem esse efeito :)

    Beijos,
    http://www.segredosentreamigas.com/

    ResponderExcluir