Efeito Zoomin (Exclusivo)

Olá gente *3*

Eu estou tão triste, eu fiquei em recuperação em matemática por 5 décimos :'( Eu odeio mátematica e odeio ficar em recuperação, mas espero que eu consiga recuperar, mas a prova ainda vai ser semana que vem, e eu vou estudar muito :)

Eu finalmente consegui criar um efeito! Isso mesmo, um efeito meu, próprio, exclusivo. Esse efeito tá bem simples, até porque esse é o meu primeiro efeito. Ele se chama Zoomin, o nome tá péssimo, eu sei, mas eu não tenho muita criatividade para nomes .-.

Preview aqui.

1. Procure por ]]></b:skin>

e acima desse código, cole:

.zoomin{transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
outline-style:solid;
outline-width:1px;
outline-color: #cccccc;
outline-offset: 2px;
}
.zoomin:hover{
transform: rotate(0deg) scale(0.508) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(0.508) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(0.508) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(0.508) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(0.508) skew(0deg) translate(0px);
outline-style:solid;
outline-width:1px;
outline-color: #cccccc;
outline-offset: 2px;
}

Para mudar a cor da bordinha, troque o que está em azul, pela cor que você quer.

2. Agora, para usar o efeito, adicione um gadget HTML/JavaScript 

e nele cole: 

<a href="LINK" title="NOME"><img class="zoomin" src="URL DA SUA IMAGEM" /></a>
<a href="LINK" title="NOME"><img class="zoomin" src="URL DA SUA IMAGEM" /></a>
<a href="LINK" title="NOME"><img class="zoomin" src="URL DA SUA IMAGEM" /></a>
<a href="LINK" title="NOME"><img class="zoomin" src="URL DA SUA IMAGEM" /></a>

Agora é só substituir oque está em negrito e salvar :)

Espero que tenham gostado, comentem ♥

xoxo ~