Tutorial- Efeito Round and Round

Olá galerinha linda, tudo bem? Espero que sim. Se eu ando sumida? Mas é claro que sim, me deixem explicar, acontece que estou indo para à escola no contra turno pra repor aula e poder fazer a formatura mais cedo e ter baile, ou seja, são 10 aulas por dia durante 6 dia, sem falar que eu vou pra escola no sábado e não tive nem vou ter férias nesse meio de ano. Mas pra me redimir trouxe um tutorial pra vocês, é básico mas okay. Vamos lá!!

É um tutorial para a elite de afiliados, super simplesinho que faz um certo tempo eu achei e salvei.
Quem quiser conferir um preview

Para adicionar este efeito você terá que ir em Modelo > Editar HTML logo depois procure por
]]></b:skin>, acima deste trecho cole:

.elite{
width:auto;
-webkit-transition-duration: 1.20s;
box-shadow: 2px 1px 2px #909090;
margin: 1px;
border: none;
filter: alpha(opacity=100);
moz-opacity :1.0;
opacity: 1.0;
-webkit-transition: 0.5s;
filter: none; -webkit-filter: blur(0); -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
.elite:hover{
-webkit-transform: rotate(360deg);
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
margin: 1px;
border: none;
margin-left: 0;
-webkit-filter: blur(2px);
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;}

Para aplicar o efeito vá em Layout > Adicionar um Gadget > HTML/JavaScript e cole o código:

<a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a>

 E o efeito ficou prontinho e super lindo. Espero que tenham gostado e que façam bom proveito.

Beijos e até a próxima (/•ิ_•ิ)/