Visitem amores ?Ola aqui
vamos falar
de HTML,
Utilitarios e Varias coisas legais,tb sobre coisas Kawaiis epero que
vocês Gostem :)

Imagens dos posts com Zoom e Girando!

Tumblr_m767zzbfhl1qmzyimo1_500_large

Oi! Esse é um efeito e bem legal eu fico brincado com ele no meu outro blog  em que você passa o mouse pelas imagens dos posts e elas giram e aumentam de tamanho!
Não entendeu o que eu quero dizer? e só clicar aqui
*Não usamos  esse efeito, não adianta passar*

Entendeu agora? Esse efeito então clica em leia mais pra ter esse lindo efeito
Vá em:
Design > Editar HTML > Dê um CTRL + F

]]></b:skin> 

Á cima do código que procurou, 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);
}

Depois visualize, veja se nada saiu do lugar  o efeito só aparece depois de salvar dãããã  agora  Salve!
Simples, né? E é uma fofura

créditos:www

Um comentário:

  1. Amei o tutorial fofa <3 seu Blog também é muito lindo parabéns... já te coloquei na minha elite de afiliados ta flor?!
    Bjinhos, Júuh
    ~~> http://coisinhasdemeninas13.blogspot.com.br/

    ResponderExcluir