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"/>

5 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
  3. visitei o seu blog e resolvi fazer esse comentário pra me apresentar a você: sou Brenda Curty, dona do Sweet Insanity (www.brendacurty.blogpsot.com), não sei se conhece, mas caso não, queria lhe convidar a visitar meu blog, falo sobre o que acontecesse no nosso cotidiano, no Mundo e no Universo até, divulgo materiais para edição, músicas, horoscopos, entre outros. Estive com meu blog desativado durante bastante tempo, e perdi uma parte dos meus leitores, agora estou indo atras de novos e os antigos também, espero que visite meu blog, e goste. Seja bem vinda ao meu Mundo.
    Att, Brenda Curty.

    www.brendacurty.blogspot.com

    ResponderExcluir