11/07/2013

Tutorial: Efeito Just Jump

||

Yo as coisas aqui estão bem agitadas, por isso um tutorial rápido! Hoje venho trazer um rápido tutorial para vocês ele se chama Just Jump os créditos deixarei no final do post. Para quem quiser dar uma olhadinha no efeito só clicar aqui: Preview


1.
Vá ate seu HTML e procure por ]]></b:skin> acima dele você cola o código abaixo:

.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;}

2. Apos colocar o código dentro do HTML, salve. Vá ate a pagina de layout e abra um gadget de HTML/JavaScript, dentro 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>

Todos os créditos são do blog EAH um ótimo blog visitem. Bem é isso espero que gostem do efeito e ate aproxima postagem bunnys.

14 comentários:

  1. Ai deuses, que vergonha maaaano, o pior são os porteiros HEUHEU. DUAS VEZES?!?!! MENINAA!!
    Enfim... O efeito é muito fofo, adorei >.<

    Beeejos, Neko
    letswondering.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Haha né? Mas fazer o que não consigo me controlar quando escuto música. Já dancei ate Michael J em ponto de ônibus e uma senhora que também estava lá comento pro neto "se você cheirar algo e passar agir assim eu te interno" o.o

      Mas que bom que gostou do efeito ^^
      Beijokas

      Excluir
  2. Adorei o efeito, no meu próximo lay com certeza irei usar <33 Beijos~
    Trufa-de-menta *3*

    ResponderExcluir
  3. Que efeito legal :3
    cr4zy-world.blogspot.com

    ResponderExcluir
  4. Que fofo esse efeito lindaa, saudades de tu =/

    ResponderExcluir
    Respostas
    1. Obrigada Roh, também estou cheia de saudades,

      Excluir
  5. Que mico! Mas as músicas do B.A.P são contagiantes, não tem como não dançar/ cantar!
    Lindo efeito, talvez use! Não vi que você estava postando mesmo em Hiatus!
    Sempre fui Estranha | Clica?

    ResponderExcluir
    Respostas
    1. Isso mesmo não tem como não dançar e cantar mas eu sempre pago micos assim. Hihi entendo espero que sim.

      Sim, entro as vezes pela lan e faço uma postagem rápida. Não consigo ficar longe do blog.

      Excluir
  6. KKKKKKKKK morri de rir com a Hitoria do elevador kk', o efeito é super fofo *---*

    ResponderExcluir
    Respostas
    1. Imagino como riu ^^"
      Que bom, que gostou do efeito.

      Excluir

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram