Image Map

Tutorial: Afiliados em efeito giratório


Olá cupcakes !!!
Bom, achei um tutorial de como deixar os afiliados com efeito giratório e vim postar pra vocês !
Bora trabalhar?! Leia mais...
- Vá em modelo > Editar HTML e procure por ]]></b:skin>  e cole o código abaixo antes dele:
.afiliados {
debox-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);
}
- E depois onde quer que apareça coloque esse código:
<center><a href=" Link do Blog" title="Nome do blog"><img src="Imagem de afiliação" class="afiliados"/></a>
Créditos: Princesa do Panico

Nenhum comentário:

Postar um comentário