oi oi, então, trouxe um tutotrial de como deixar os afiliados com efeito giratório quando se passa o mouse, e as imagens ficam redondas também, créditos ao kawaii-world vamos lá~
.elite{ -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width:auto; -webkit-transition-duration: 1.20s;
box-shadow: 2px 1px 2px #909090;
}
.elite:hover{-webkit-transform: rotate(360deg);}
2 . Para usar você vai em um gadget de HTML/JavaScript e cola:
<a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a>
e caso queiram que ela seja assim e tenha o efeito opacidade, use esse código:
<a href="Link do Blog" title=" Título do Blog"><img src=" Link da Imagem" style="opacity: 0.5"; class="elite" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"/></a>
espero que tenham gostado do tutorial :) o efeito é muito bonitinho e já foi usado aqui no blog.
Lindo seu blog.. Parabéns
ResponderExcluirhttp://bercarionatural.blogspot.com