Efeito Awn

Yo!Yo! Panquecas do dia! Tenho tanta fome que irei roubar o tempinho de você em uma abocanhada só. Hoje trago um efeito super fofo que achei no EAH, ele se chama Awn. É um efeito super simples, bonito e discreto. Ele é perfeito para elite de afiliados, mas em minha humilde opinião fica melhor quando se tem poucos afiliados. Claro que se você tiver uma multidão de afiliados como eu, pode se usar expansão assim diminuindo a quantidade, mas isto vai da decisão de vocês é só uma opinião. Caso alguém queira usar expansão ||Tutorial|| Voltando ao assunto principal  Awn é um efeito super fofo, acho que irão gostar.

Brevia do efeito

1. Para adicionar e o básico de sempre vá ate seu HTML, usando o atalho procure por ]]></b:skin> e acima dele cole:

Códigos

.efeito-awn-isa {
padding: 2px;
border: 1px solid #COR DA BORDA;
-webkit-transition-duration: 2s
}
.efeito-awn-isa:hover {
-webkit-transform: rotate(90deg) rotate(180deg);
-webkit-transition-duration: 2.5s
}

2.Salve! Vá ate seu Layout abra um gadgets de HTML/JavaScript e cole:

Códigos

<a href="LINK" title="NOME"><img class="efeito-awn-isa" src="IMAGEM" /></a>
<a href="LINK" title="NOME"><img class="efeito-awn-isa" src="IMAGEM" /></a>
<a href="LINK" title="NOME"><img class="efeito-awn-isa" src="IMAGEM" /></a>
<a href="LINK" title="NOME"><img class="efeito-awn-isa" src="IMAGEM" /></a>
<a href="LINK" title="NOME"><img class="efeito-awn-isa" src="IMAGEM" /></a>
<a href="LINK" title="NOME"><img class="efeito-awn-isa" src="IMAGEM" /></a>

É isso, fácil né? Arrume as partes principais e prontinho, créditos ao blog Eu Amo HTML, beijos pessoal e ate mais tarde.