09 setembro 2012

Efeito giratório (atualizado)...



olá garotada eu estou aqui para ensinar a vocês um tuto mara, esse é muito simples ok, eu vou ensinar a como colocar imagens com efeitos giratórios:
 1° vocês colem o código abaixo e armazenem em algum editor de textos como o bloco de notas.


.giragira {opacity: .75; -webkit-transition-duration: .99s; border-radius: 75px; -moz-box-shadow: 0 0 1em #8C6C65; -webkit-box-shadow: 0 0 5px#888;}
.giragira:hover {-webkit-transform: rotate(360deg) scale(1.1) ; opacity: .99; -webkit-transition-duration: .99s;}

Agora você cola esse código que eu pedi pra por no bloco de notas acima de ]]></b:skin>
Agora,você irá adicionar um novo HTML/Java Script e vai colar nessa HTML isso:

<a href="http://LINKAQUI.blogspot.com" target="_blank"><img ;="" class="giragira" onmouseout="hideddrivetip()" onmouseover="ddrivetip" src="http://IMAGEMAQUI.com" title="NOME" width="60" /></a>

2° agora vocês escolhem a foto de sua preferencia e cole  e aonde esta imagemaqui vocês colem o url da imagen antes de '' '', e ponto o efeito giratório esta perfeito. obrigado pela paciencia de vocês e até o proximo tuto mara.