Efeito esmaga

Olá pessoas lindas, to super ocupada mais to trazendo um tutorial que achei no Adolescentes Do Oposto. bom o efeito é lindo como diz o título é o efeito esmaga.
Visualize aqui, o tutorial é bem fácil, basta seguir as instruções, vamos ver:

Vá em modelo >> Editar HTML >> Prosseguir e procure a tag: ]]></b:skin>

Abaixo em CIMA dessa tag cole o código:

.efeito { -webkit-transition-duration: .60s; } .efeito:hover {-webkit-transition-duration: .60s; -webkit-transform: rotatey(50deg) scale(1.065); } 

Salve e vá em Layout >> adicionar um Gadget e adicione o gadgte HTML/JavaScript  e cole o código abaixo fazendo as alterações necessárias:

<img  src="imagem" class="efeito">

Observação: Você pode trocar lá no código o rotatey por rotatex para esmagar a imagem ao contrário.