Tutorial:Efeito Zoom Giratório nas Imagens do Blog

Olá Gente ^^

Vamos ao Tutorial ?

Efeito Zoom Giratório nas Imagens do Blogger e.e

É esse efeito nas Imagens aqui do Blog.

Passe o mouse nessa Imagem:

Ela fica sépia também,mais esse é um efeito separado que eu posto depois desse ok ?

Vamos lá!

Vá em Modelo>>Editar HTML>>Clique em qualquer lugar dentro da caixinha de HTML's

E aperte Ctrl+F

E pesquise por:

]]>< Ou por ]]></b:skin.>

E acima dessa 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);

}

---------------------------

Não copie isso ---- Kkkkk

Pronto! Salve e Visulize o Blog.!

Prontinho

Créditos ao tutorial:

Tutoriais Neterine

Bjks!