Efeito Giratório, Zoom e Opacidade Ao Mesmo Tempo no Blogger

Venho compartilhar com vocês aqui outro efeito para imagens no blog. Esse efeito é três em um, ou seja, esse código faz com que ao passar o cursor, automaticamente a imagem fique com um efeito giratório, zoom e ainda fica opaca (tom esbranquiçado).

Siga-nos no twitter:

                                               Seguir @DicashotBlogger

Recomende esta postagem no Google:

Para colocar esse efeito nas imagens do seu blog... Entre em "Modelo" - "Editar HTML", dê um Ctrl +F e procure pela tag

]]></b:skin>

ACIMA desta tag, cole o seguinte código

.post-body img {
z-index:999999;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(10px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(10px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(10px);
}
.post-body img:hover{
z-index:9999;
-webkit-transform: rotate(360deg) scale(1.302) skew(0deg) translate(7px);
-moz-transform: rotate(360deg) scale(1.302) skew(0deg) translate(7px);
-o-transform: rotate(360deg) scale(1.302) skew(0deg) translate(7px);
}

Tendo colado o código, pode salvar e pronto!!!