Thifany Hannah Giulia

01 junho 2012

Efeito opacidade nas imagens



Oi Maravilhosos e perfeitinhos, hoje eu vou ensinar a deixar a imagem igual a de cima, com efeito de opacidade, e é um efeito bem fácil de fazer.
Vamos começar ?


Vá no seu HTML e de CTRL + F e procure por :
]]></b:skin>
e antes cole o código abaixo.

/****** opacidade - MADLYLUV.COM ******/ 
.opacidade 
{filter:alpha(opacity=82); 
-moz-opacity:0.82; 
opacity:0.82;} 

.opacidade:hover 
{filter:alpha(opacity=100); 
-moz-opacity:1.0; 
opacity:1.0;}
 Salve as alterações.
E quando quiser colocar esse efeito na imagem, sempre use isto no HTML do seu post.
class="opacidade"
Ex: <img src="http://i55.tinypic.com/t7nxuf.jpgclass="opacidade"/>

4 comentários:

  1. Amei o tutorial,aceito afiliação sim,já vou te colocar nos meus afiliados.
    crystalbow.tk

    ResponderExcluir
    Respostas
    1. Ham... Não consigo mais encontrar seu blog... Mas está ali na sidebar o link que vc comentou ^^ (crystalbow.tk)

      Excluir
  2. e fofo, é fofo demaais <3 Eu uso, ah, ja estou seguindo seu blog é clááros,todo fofo, super lindoooooo <3 virei fã !! Pode visitar meu blog?? Obg, você é um doce Bezus Luuh
    Rawr Baby ~> teenstyle-official.blogspot.com

    ResponderExcluir