Tutorial: Efeito Circus

Yo, mina-san ~

Então, finalmente decidir dar minhas caras aqui, para quem não me conhece eu sou o Thonn-Kun, dono do blog Kuusou World é estarei postando aqui. Hoje para mim, foi um pouco difícil, pois meu primo chegou aqui em casa, é disse que ia colocar umas fotos no facebook, eu logo, sair é deixei ele fazer, mais ai o desgraçado anjo, pegou é falou que ia baixar umas músicas, só agora que ele saiu, e eu pude entrar.

Hoje, decidir postar um efeito que fiz hoje, o nome dele é circus, ele é um efeito bem simples, mais legalzinho, para visualizar ele clique aqui, espero que gostem é lembre-se se usar credite o Naka-Chan No Sekai! Proibido reblogar.

Entre em seu HTML, é procure pela tag ]]></b:skin>, ai, cole o seguinte código acima dela:

.circus {
border: solid  1px #000;
-webkit-trasitions-duration: .45s;
border-radius: 50px;
}
.circus:hover{
padding: 3px;
-webkit-trasitions-duration: .45s;
border-radius: 50px;
}

Depois de feito isso, salve! Agora vá em layout é adicionar um novo gadget é escolha o HTML/JavaScript, é dentro dele cole:

 <a href="SEU LINK" title="NOME DO LINK"><img class="circus" src="URL DE SUA IMAGEM" /></a>

Feito isso, estará pronto, espero realmente que gostem deste efeito! Ele é simples, mais ainda sim, não deixa de ser kawaii.

Bye ~