21/02/2013

Efeito Saturate

Bom gente hoje será nosso primeiro tutorial! Ele será sobre um efeito que vi lá no DT!Primeiramente você irá em seu HTML e iraá procurar por :  ]]></b:skin>
Agora você irá colar em cima desse código esse outro aqui :
.saturate {
-webkit-transition-duration:2s;background-color:#e7b3c2 /*Cor de fundo, aparece enquanto a imagem está carregando*/;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}.saturate:hover  {-webkit-filter: saturate(5);background-color:#e7b3c2; /*Cor de fundo quando passa o mouse em cima*/-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;} 
 -moz-opacity:0.70; opacity:0.70;
E agora na sua postagem você colará assim : <img class="Saturate" src="link da imagem" /></div> 
Prontinho seu efeito estará aplicado ^^
Eai, gostaram? Espero que sim, e sem esquecer que se gostou deixa nos coment's ok??
Até o próximo post gente! Bjos =*

2 comentários:

  1. Adorei conhecer o blog!

    Estou seguindo aqui você.

    abraços!

    http://totalpinkprincess.blogspot.com.br

    ResponderExcluir
  2. Queria saber se vc permite se eu colocar seu blog na lista de afiliados do meu blog posso e so seguir e me comunicar pelo facebook ok ou no meu blog mesmo ok!
    http://dynamite-girl.blogspot.com.br/

    ResponderExcluir