Tutorial - Imagens do Post com Zoom

Oii pessoas , tudo suave ? ><
Vamos aprender a colocar zoom nas imagens ?
Assim, quando você passar o mouse a cima da imagem ela aumentará crédito total Rosa Chocado .

Clique em Leia mais para aprender >



Vá em Design > Editar HTML > Procure por ]]></b:skin>
Cole esse Código acima 


.main img{
-webkit-border-radius: 10px; /*Bordas Arredondadas*\
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition-duration: .80s; 
}
.main img:hover{
-webkit-transform: rotate(0deg) scale(1.302) skew(1deg) translate(2px);
-moz-transform: rotate(0deg) scale(1.302) skew(1deg) translate(2px);
-o-transform: rotate(0deg) scale(1.302) skew(1deg) translate(2px);
}


Clique em visualizar se tiver tudo certinho é só salvar (:

Um comentário:

  1. Hmmm, talvez eu use no próximo layout!

    http://super-kawaii-fofura. blogspot.c om. br/

    P.S.: Sou sua afiliada ;)

    ResponderExcluir