quarta-feira, 24 de julho de 2013

Tutorial: Efeito Just Jump


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>



Nenhum comentário:

Postar um comentário