weheartit

Tutorial : Imagem Giratória Com Borda


Yo gracinhas como vão ?

Eu estava no blog Queen Of Animes e vi um tutorial de como deixar a imagen giratoria (bem legal) 

1º - Procure por ]]></b:skin> no seu HTML 

2º - Acima dela cole :

.elitescala{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-transition: 0s linear;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-webkit-transition-duration: 1.20s;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
background-color: #e7a5de; 
padding: 3px;
}
.elitescala:hover {
-webkit-transform: scale(1.20);
-moz-transform: scale(1.20);
background-color: #c4a6cb; 
padding: 3px;
}
.elitescala:hover{
-webkit-transform: rotate(360deg);}

                                          E seu quiser usar o mesmo efeito na elite de afiliados use esse código :

                        a href="Link Do Blog" title="Nome do Blog"><img src="Link Da Imagem" class="elitescala"/></a> 

Não cole de vez 1º percebam que tem ali - Link do blog (que é o afiliado) Nome do blog (do afiliado) Link da imagem (que você quer usar no afiliado

 Bom foi só isso (CADE MINHA ASSINATURA)

Sayonara ^-^

Nenhum comentário:

Postar um comentário