Efeito - Sunday

Olá, povão.

Não postei ontem, nem hoje mais cedo, porque ontem eu estava sem assunto para alguma postagem legal, e hoje mais cedo não postei pelo motivo da minha colega estar aqui em casa. Ela saiu um tempinho atrás, então só tem postagem agora, espero que não tenha problema e vocês comentem bastante. Bom, me ajudem? Curtam meu comentário aqui, por favor, e peçam na ask.

Como não sabia o que postar, eu vim trazer um efeito que eu criei, mas já postei em outro blog que sou postadora. Talvez não tenham visto lá, e é sempre bom o blog ficar cheio de tutoriais, para não ficar que nem os outros: utilitário, utilitário e nada de tutos. Que sem graça isso u.u Material todo mundo pode fazer, mas tutorial não, por isso é mais legal. Bom, confiram como o efeito é aqui.

No Modelo > Editar HTML > Ctrl + F, procure por ]]></b:skin>, quando achar, cole acima da tag procurada o código abaixo:

@-webkit-keyframes nen {

0% {-webkit-transform:  rotate(1deg);}

25% {-webkit-transform:  rotate(10deg);}

50% {-webkit-transform:  rotate(1deg);}

100% {-webkit-transform:  rotate(10deg);}

}

@-moz-keyframes nen {

0% {-webkit-transform:  rotate(1deg);}

25% {-webkit-transform:  rotate(10deg);}

50% {-webkit-transform:  rotate(1deg);}

100% {-webkit-transform:  rotate(10deg);}

}

@-o-keyframes nen {

0% {-webkit-transform:  rotate(1deg);}

25% {-webkit-transform:  rotate(10deg);}

50% {-webkit-transform:  rotate(1deg);}

100% {-webkit-transform:  rotate(10deg);}

}

.nen { -webkit-transition: .2s; -webkit-border-radius: 1px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius: 1px; -moz-border-radius-bottomright: 10px; border-radius: 1px; border-bottom-right-radius: 10px;

box-shadow: 0px 1px #d15e93;}

.nen:hover { -webkit-animation: nen .2s alternate infinite linear; -webkit-border-radius: 1px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius: 1px; -moz-border-radius-bottomright: 5px; border-radius: 1px; border-bottom-right-radius: 5px; }

Após isso, salve, e crie um novo gadget de HTML. Nele, cole isso e edite o que está negritado:

<center><a href="LINK" title="Vaga"><img class="nen" src="http://i.imm.io/1aq9R.png" /></a>

<a href="LINK" title="Vaga"><img class="nen" src="http://i.imm.io/1aq9R.png" /></a>

<a href="LINK" title="Vaga"><img class="nen" src="http://i.imm.io/1aq9R.png" /></a></center>

Edite o que se pede, e depois salve.