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 é?
PREVIEWGostou? 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
Adorei o efeito, acho que vou usar.
ResponderExcluirBeijos | http://oh-edition.blogspot.com.br
Obrigada ^ ^
Excluir