Tutorial - Efeito "Boobs" (Exclusivo)

Me peçam algo na ask, por favor c:

Bom dia, gente <3

Primeiramente, quero agradecer pelos 81 seguidores, e por termos verdadeiros leitores, que sempre estão comentando aqui (não sei porque falei isso justamente agora, mas eu quis agradecer u_u) Bem, não sei se lembram, mas ontem, a Nen-chan do World Of Tutos, postou sobre como criar efeitos, e quando eu li a palavra efeitos...pensei:

"Yay, vou fazer um efeito! \o/"  ~Com um nome ridículo, masok~

Para vizualizá-lo, clique aqui. (Esse foi o layout mais rápido que fiz, não personalizei nada, e ele tá bem feinho, por isso demorou só 1 hora O.O)

Enjoy~

Primeiramente, procure pela tag ]]></b:skin>, e acima dela, cole:

.Boobs1 {
border:2px solid #dcdbdb;
transition:All 1.2852s ease-in-out;
-webkit-transition:All 1.2852s ease-in-out;
-moz-transition:All 1.2852s ease-in-out;
-o-transition:All 1.2852s ease-in-out;
transform: rotate(0deg) scale(1) skew(0deg) translate(10px);
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(10px);
-moz-transform: rotate(1deg) scale(1) skew(0deg) translate(10px);
-o-transform: rotate(1deg) scale(1) skew(0deg) translate(10px);
-ms-transform: rotate(1deg) scale(1) skew(0deg) translate(10px);
}
.Boobs1:hover{
border:2px solid #dcdbdb;
transform: rotate(360deg) scale(0.271) skew(0deg) translate(2px);
-webkit-transform: rotate(360deg) scale(0.271) skew(0deg) translate(2px);
-moz-transform: rotate(360deg) scale(0.271) skew(0deg) translate(2px);
-o-transform: rotate(360deg) scale(0.271) skew(0deg) translate(2px);
-ms-transform: rotate(360deg) scale(0.271) skew(0deg) translate(2px);
}

A única coisa que você poderá mudar, é a borda, poderá mudar a cor (ou a grossura e o tipo dela), mas se não quiser, apague as linhas ^^

Agora, em um gadget HTML/JavaScript, cole:

<a href="LINK" title="TÍTULO"><img class="Boobs1" src="IMAGEM" /></a>

E foi isso ^^ Até o/