Efeito exclusivo >> 'Chavoso'

Leiam a fic da Nae, aqui. É diva hahaha >3<

Konnichiwa!  (◕‿‿◕) 

Estão bem? Eu estou, hahaha. Tem um casal na minha pirua que está dando o que falar, apesar de não ser tuuuuuuuuudo isso USAHHSA Amanhã não vou pra escola, precisarei ir ao médico novamente e-e. Um dia desses eu terminei o layout da Ali (www) e amei. Agora vou finalizar o da Lanis e o da Viih, que, particularmente, eu estou adorando. Não vou dar spoiler porque sou uma boa garota -q  >3<  || Nesse momento estou debaixo dos cobertores, lendo a fanfic da Nae, e ouvindo Iggy Azalea - Work, já ouviram? Ah, eu mudei a fonte do corpo dos posts e a cor dela, ficou bem melhor, não acham? Eu já estava enjoando daquela USAHSAUH'

Bom, no post passado disse que tinha criado um efeito, certo? Então, aqui está o tutorial. O efeito não é lá essas coisas, mas ficou legal na minha opinião. Ele sobe para a esquerda, arredonda as bordas e dá um efeito de muita saturação, que deixa a imagem mais 'viva'. Confiram o tuto e a preview >

Preview

Em cima de ]]></b:skin>, cole:

}.chavoso {

border:2px solid #ccc;

transition:All 3.5443s ease;

-webkit-transition:All 3.5443s ease;

-moz-transition:All 3.5443s ease;

-o-transition:All 3.5443s ease;

-webkit-filter: saturate(1);

-webkit-transition-duration: 0.80s;

}

.chavoso:hover{

border-radius: 50px;

transform: rotate(34deg) scale(1) skew(18deg) translate(-89px);

-webkit-transform: rotate(34deg) scale(1) skew(18deg) translate(-89px);

-moz-transform: rotate(34deg) scale(1) skew(18deg) translate(-89px);

-o-transform: rotate(34deg) scale(1) skew(18deg) translate(-89px);

-ms-transform: rotate(34deg) scale(1) skew(18deg) translate(-89px);

-webkit-filter: saturate(3);

-webkit-transition-duration: 0.80s;

}

Salve. Agora cole em um Gadget HTML Javascript >> 

<a href="LINK" title="Texto da tooltip"><img src="URL da sua imagem" class="chavoso" /></a>

Bom, ignorem o nome completamente idiota do efeito, ok? Espero que tenham gostado, 

Beijos <3