9.29.2013

CSS: Efeito hover nas imagens.

FEEL SO CLOSE ∞ | via Tumblr
Olá pessoas interneticas, como vão?
Trouxe um tuto simples e que eu adoro, efeito Hover nas imagens em css.

Você pode ir em Modelo>Personalizar>Avançado>Adicionar CSS
Ou ir em Modelo>Editar HTML> Ctrl+f> E colar o código acima de ]]></b:skin>

Código CSS:
img.acende {
opacity: 0.9;
-moz-opacity: 0.9;
Filter: Alpha(Opacity=90)
}


img.acende:hover {
opacity: 1.0;
-moz-opacity: 1.0;
Filter: Alpha(Opacity=100)
}

Cógigo HTML:

<img src="link-da-imagem" class="acende" />

Até a próxima, Nanny.

2 comentários:

  1. Meu deus! Eu estava procurando o tuto assim.Obrigada adorei esse post.
    XOXO
    Se não for muito incomodo pode visitar o blog.Tem post novinho
    torrada com nutella

    ResponderExcluir
    Respostas
    1. Que bom que ajudei. Obrigada pela visita. Retribuirei :}

      Excluir