Efeito Leaving para Imagens

Escutando "I Wish" do One Direction.. Amo

         
 Bom dia gente, como estão vocês? Gente eu tenho percebido que a blogosfera está meio parada, fiquei muito muito triste ao ver alguns blog que amo tanto em hiatus, como o Sweet Cherry.. Pois é, espero que o blog volte, assim como vários outros que estão temporariamente fechados. Sobre o tutorial de hoje eu trouxe um efeito muito lindo que você pode usar na sua elite de afiliados ou no gadgets de moderadores do seu blog, lembrando que os códigos usado nesse tutorial não são de minha autoria, e sim do blog Chá e Cupcake. Para você ver o tutorial completo basta clicar no titulo da postagem...

Ver o Efeito 

01- Passo:  No seu painel vá em:

Layout >> Adicionar um Gadget >> HTML/JavaScript

02- Passo: E cole esse código.

<style>
.sombra {margin-bottom: 3px; margin-right: 1px; border-radius: 0px; transition-duration: 40s; -webkit-transition-duration: .40s; }
.sombra:hover {box-shadow: 9px 10px 10px #b0b0b0; margin-left: -10px; margin-right: 11px; margin-bottom: 16px; margin-top: -13px; }
</style>

03- Passo: E agora cole onde quer que apareça.

<a href="LINK_DO_BLOG" title="NOME_DO_BLOG" target="_blank"><img src="LINK_DA_IMAGEM" class="sombra"/></a>

    Prontinho!! Agora é só você curtir o resultado, lembrando que se você for usar por favor dê os creditos ao blog chá e cupcake e não ao Only Dreams, pois não foi eu que criei os códigos... Beijos.