09 março, 2014

Efeito: Just Jump


Olá pessoal,

Vamos para mais um tutorial de efeitos em fotos, bom hoje eu trouxe um efeito super fofo eu adorei e super fácil de se fazer. O efeito se chama Just Jump , se nunca viram o efeito aqui está a



. Como eu to sem assunto não tenho nada mais para falar, vamos ao tutorial. 

Primeiro vá em:

                                              Modelo > Editar HTML > E procure por:

                                                                      ]]></b:skin>


E cole logo acima este código :

.jump-isa:hover{-webkit-transform: translatey(-50%) rotate(-360deg) scale(1.3); border-radius: 50px;}
.jumping-isa img{width: 50px;box-shadow:0px 0px 0px #ccc;-webkit-transition-duration: .80s;}
.jumping-isa:hover img {opacity: 0.4;-webkit-transition-duration: .80s;}
.jumping-isa img:hover {opacity: 1;-webkit-transition-duration: .80s;}


Depois Salve e vá em:

Vá em Layout > Adicionar Gadgets > HTML/JavaScript > Cole:


<div class="jumping-isa">

<a href="Link" title="Nome"><img src="URL DA IMAGEM" class="jump-isa"></a>
<a href="Link" title="Nome"><img src="URL DA IMAGEM" class="jump-isa"></a>
<a href="Link" title="Nome"><img src="URL DA IMAGEM" class="jump-isa"></a>
<a href="Link" title="Nome"><img src="URL DA IMAGEM" class="jump-isa"></a>
<a href="Link" title="Nome"><img src="URL DA IMAGEM" class="jump-isa"></a>
<a href="Link" title="Nome"><img src="URL DA IMAGEM" class="jump-isa"></a>
</div>



Pronto modifique onde pede e salve. E se usar dê créditos ao Eu amo HTML e ao Fofuras De Garotas. Beijos e até a próxima. 

 photo novaassinatur_zpsf067b3ff.png/

2 comentários :

  1. Oi flor, vim avisar que tem uma tag pra você no meu blog, espero que possa responder ^^
    Deixe o link do post com a responta lá no meu blog pra mim poder ler depois e saber mais sobre você :*
    Beijooos :*

    http://misteriodobrilho.blogspot.com/2014/03/respondo-tag-do-blog-mundo-da-reh-tag.html

    ResponderExcluir
    Respostas
    1. Ok vou dar uma passadinha lá e quando eu responder eu deixo o link da postagem nos seus comentários. Beijo

      Excluir


- Aceito críticas, mas sem xingamentos;
-Aceito parcerias
- Deixe o endereço do seu blog para que eu possa retribuir;
- Se seguir o blog eu retribuo.
- Volte sempre!