27 de jan de 2013

Efeito Blur



Yoo ~ 

Depois da ' inauguração ' do SA, trago um efeito bem legal. Chama-se Efeito Blur! Veja a preview dele aqui. Moderno, não?! hahaha' Créditos ao blog Productions of Dreams. Vamos ver...


→ Primeiro, vá no seu HTML e procure (F3) por ]]></b:skin> e acima dessa tag, cole:

.efeitoblur { -webkit-filter: none; -webkit-transition:all 1s ease;

}
.efeitoblur:hover { -webkit-filter: blur(5px);
-webkit-transition:all 4s ease;
}

→ Agora, adicione um gadget HTML/JavaScript e nele cole:


<img src="URLDAIMAGEM" class="efeitoblur"/> 



Bem lindo o efeito! Eu ameei e vocês? 

Abraçoos e até amanhã ♥




2 comentários:

  1. Bem legal, adoro blog de tutoriais estou seguindo vem me seguir também beijos.

    http://www.omundomake.com/

    ResponderExcluir
    Respostas
    1. Pois é, também adooro!! hehehe

      Obrigada por seguir, flor! Já te segui lá no seu! c:

      Kissus

      Excluir

Heey!! Se quiserem deixar o seu comentário, leia PLEASE aqui embaixo:

*Não xingue ninguém aqui! Seja educada(o)!
* Dúvidas, elogios e críticas são sempre bem-vindas!
* Leia toda a postagem, pois sempre faço com muito esforço e carinho pra vocês!
*Vou até o perfil de vocês para visitar e talvez até seguir o seu blog!

Obrigada por comentar!

Volte Sempre!