Efeito Turn

Hello hello meus cheiros ٩(♡ε♡ )۶ Boa tarde!! Tudo bem com vocês? Comigo está tudo bem apesar de estar ainda meio inconformada com o tema que foi dado na redação do enem ¬¬ Sim, eu fiz o enem e amei a prova pois tinha muitos assuntos interessantes e que eu realmente gostava, agora a parte de redação para mim foi muito decepcionante. Mas enfim, não adianta reclamar e chorar pelo o que já passou, acredito que não fui tão ruim assim mas sabe quando a gente pensa, eu poderia ter sido muito melhor? Então, não só eu pensei assim, parece que o Brasil inteiro pensou da mesma forma (TωT) Tá parei. Mudando de assunto, como postei uns 3 layouts free um atrás do outro, acho que dá pra sossegar um pouco né? Hoje trago um efeito um pouco simples mas bem fofo, pode ser usado em afiliados, tags no que achar melhor. Se quiserem algo diferente peçam na ask ok?

LIVE PREVIEW ( ˘ ³˘)❤

Para usar copie o código abaixo e cole acima de ]]></b:skin> e salve.

turn {
color:#C2C2C2;
background: #eee;
line-height:40px;
margin:1px;
margin-bottom:3px;
padding:3px;
display: inline-block;
text-shadow: 1px 1px 1px #fff;
font-family: 'Sniglet', Trebuchet MS;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;px;
text-align: center;
font-size: 8px;
float: left;
height:40px;
width: 52px;
border-radius:1px;
opacity:0.8;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
turn:hover {
cursor:hand;
background:#BFC9D3;
font-family: 'Sniglet', Trebuchet MS;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;px;
text-align: center;
font-size: 8px;
color:#FFF;
opacity: 1;
text-shadow: 1px 1px 1px #BFC9D3;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: background 0.9s linear;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;}

Links:

<div style="image-align: center; margin-left: 5px; margin-top: px;">
<a href="https://www.blogger.com/LINK"><turn>NOME</turn></a>
<a href="https://www.blogger.com/LINK"><turn>NOME</turn></a>
<a href="https://www.blogger.com/LINK"><turn>NOME</turn></a>
<a href="https://www.blogger.com/LINK"><turn>NOME</turn></a>
<a href="https://www.blogger.com/LINK"><turn>NOME</turn></a>
<a href="https://www.blogger.com/LINK"><turn>NOME</turn></a>
<a href="https://www.blogger.com/LINK"><turn>NOME</turn></a>
<a href="https://www.blogger.com/LINK"><turn>NOME</turn></a>
</div>