13 de julho de 2012

Tutorial-Efeito Opacity


Trouxe um tutorial \õ/
O código é do Bomba de Glitter, então, os créditos (:
Acho que todos já viram o efeito opacity nas imagens do Cherry Mint né?
Hoje vamos aprender um tutorial quase parecido
As imagens ficam 'apagadas' e quando você passa o mouse em cima a cor
volta ao normal, esse é o 
EFEITO OPACITY!
Clique em leia mais e confira!
Nível do tutorial: Fácil

Bom, Vamos lá!
Vá no HTML do seu blog, aperte Ctrl + F e procure por:

]]></b:skin>

Depois que você achar, cole esse código ACIMA dele:

.main img {
filter:alpha(opacity=82);
-moz-opacity:0.82;
opacity:0.82;
}
.main img:hover {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
duration: 50s;
}

Clique em vizualizar, e veja se as imagens estão 'apagadas' 
Então, clique em salvar.
Lindo o efeito né?
Espero que tenham gostado..
Bjos da Débora


3 comentários:

  1. Blog super fofo! AMEI! *-*

    Beijos,
    Camila Angelina
    http://cantinhodacaps.blogspot.com.br (agora com TEMPLATE ANIMADO)

    ResponderExcluir
  2. Oi flor ! Obrigada por me visitar e por seguir , já estou seguindo aqui também !

    PS: o tutorial solicitado: http://www.dicasparablogs.com.br/2010/04/colocar-emoticons-nos-comentarios-do.html e só vc mudar as imagens pelos emoticons que vc desejar .

    Beijos,
    Camila Angelina
    http://cantinhodacaps.blogspot.com.br (agora com TEMPLATE ANIMADO)

    ResponderExcluir
  3. Oi amor, eu não consegui, ajuds?
    Segue comecei o blog ontem? Bjux

    http://www.bolhas-brilhantes.blogspot.com

    ResponderExcluir

Comente a vontade, desde que saiba respeitar ;)
Ah, e não é necessário fazer uma conta para comentar, basta colocar como anônimo.

Emoticons:

♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡ ( ͡° ͜ʖ ͡°)