9.10.14

Efeito Gira, bu! - Para afiliados

Nome cafona, mas tudo bem.
Olá pessoal! Eu achei um site muito legal em que você pode fazer os efeitos, e um outro que vocês podem visualizar para ver se tá tudo certo, se vocês pedirem eu posto aqui o nome dos sites.

EU criei um efeito chamado Gira, bu!, era o nome que tinha em minha mente na hora, mas oque importa não é o nome mas sim o efeito. Vamos ver como é?

PREVIEW
Gostou? Vamos aprender a fazer?

Procure por ]]></b:skin>, achou? Cole esse código ACIMA de ]]></b:skin>

.girabu {transition:All 1.5859s ease;-webkit-transition:All 1.5859s ease;-moz-transition:All 1.5859s ease;-o-transition:All 1.5859s ease;transform: rotate(4deg) scale(1) skew(1deg) translate(10px);-webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);-moz-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);-o-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);-ms-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);}.girabu:hover{transform: rotate(360deg) scale(1.284) skew(1deg) translate(0px);-webkit-transform: rotate(360deg) scale(1.284) skew(1deg) translate(0px);-moz-transform: rotate(360deg) scale(1.284) skew(1deg) translate(0px);-o-transform: rotate(360deg) scale(1.284) skew(1deg) translate(0px);-ms-transform: rotate(360deg) scale(1.284) skew(1deg) translate(0px);}
Agora adicione um gadget de HTML/JS e cole esse código:

 <a href="LINK" title="NOME"><img src="URL DA IMAGEM" class="girabu" /></a>
Salve. Pronto. Simples não? Qualquer dúvida é só comentar, ah! Comente também oque voc~e achou do efeito! Abraços!

-P4nda

2 comentários:

  1. Adorei o efeito, acho que vou usar.

    Beijos | http://oh-edition.blogspot.com.br

    ResponderExcluir

-Proibido brigas
-Comente se gostou da postagem
-Não comente palavrões ou comentários ofensivos
-Não comente spans e divulgação de postagens ou blogs, se não seu comentário será excluido.
-Comente a URL do seu blog para visitarmos!
-Comente no que devemos melhorar!
- Use sinais legais : ☁☀☃☂♣♥♪♫
Obrigada por comentar ;)