[Semana de tutos] Efeito RodKit

Então gente post programado \o/ rsrs continuando a semana de tutos como ninguém pediu nada eu vou postar um efeito legal! Eu particularmente adoro esse efeito  e ele é bastante simples... não tenho o que falar hoje e.e então vamos direto ao post! continue lendo

 Como eu já disse o efeito é simples e legal veja ele funcionando aqui (xxx) é o quarto o gadget e tem o nome "Efeito Rodkit" legal né? vamos aprender a fazer! Créditos ao Tumblr Lovers of Designs 

Vá no seu HTML e procure por ]]></b:skin> e ACIMA da tag cole 

@-webkit-keyframes lod {0% {-webkit-transform: rotate(390deg); }25% {-webkit-transform: rotate(-80deg) }50% {-webkit-transform: scale(1.90); }75% {-webkit-transform: translateY(-21px); }100% {-webkit-transform: translateY(51px);}}  .lod {border-radius: 5px; border:1px double #CORDABORDA; margin:1px;cursor:pointer;} .lod:hover {-webkit-animation: lod .99s;}

Mude somente aonde se pede ou seja onde tem #CORDABORDA você ira por a cor da borda. 

Crie um gadget de HTML/Javascript e cole 

<img src="LINK-DA-IMAGEM " width="100" align="left" class="lod">

Faça apenas o que está sendo pedido, não preciso explicar né? rçrçrçrççr

Participem do projeto