Efeito Rotate (giratória) nas imagens dos afiliados | Efeito diferente | E imagens para afiliados

Own, muitcho cute!
Eu achei no http://weheartit.com/entry/29159650/via/BellaSouzaCallMeMaybe HAHA'

Eu tenho certeza de que muito de vocês já viram esse tutorial e já usaram, mas, quando viram, o  efeito era totalmente diferente: a imagem meio que virava de cabeça para baixo.
Esse efeito é diferente, ele tem bordas arredondadas realmente gira (exemplo akie ^.^).

Curiosos? Então, leia +



No HTML do seu blog, aperte F3 e procure por ]]></b:skin> e em cima cole:

.afiliados {
box-shadow: 2px 1px 3px #909090;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
transition-duration: 3s;
-moz-transition-duration: 3s;
-webkit-transition-duration: 3s;
}
.afiliados:hover {
transform: rotate(-360deg) scale(1) skew(0deg);
-moz-transform: rotate(-360deg) scale(1) skew(0deg);
-webkit-transform: rotate(-360deg) scale(1) skew(0deg);
-o-transform: rotate(-360deg) scale(1) skew(0deg);
}

 O que está grifado é a sobra, apague se quiser, então salve. Vá no Layout, Adicione um gadget (JavaScript/HTML) e cole:

<div><br /></div><center><a href="Link afiliado 1" title=" Nome afiliado 1 "><img src=" Imagem afiliado 1 " class="afiliados"/></a> <a href="Link afiliado 2" title="Nome afiliado 2"><img src="Imagem afiliado 2" class="afiliados"/></a> <a href="Link afiliado 3" title="Nome afiliado 3"><img src="Imagem afiliado 3" class="afiliados"/></a> <a href="Link afiliado 4" title="Nome afiliado 4"><img src="Imagem afiliado 4" class="afiliados"/></a></center>

Já que estou mostrando esse efeito, que tal algumas imagens para afiliados?

Gostaram? Espero que sim! Beisus ^-^