0

Efeito zoom giratório nas imagens dos posts

Um  efeito bem legal nas postagem 
olha ai no o efito no site no do criando demotração


Vamos ao nosso principal objetivo, colocar o efeito. Primeiramente, acesse o ‘Editar HTML’ do seu blog e pesquise pelo seguinte código:
]]></b:skin>
ACIMA  dela acrescente os seguintes códigos CSS:

ACIMA  dela acrescente os seguintes códigos CSS:
.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 é só salvar e pronto. Efeito bem legal em suas postagens, sem usar qualquer programação avançada, somente css, deixando suas postagens mais interativa sem deixa-la pesada.




Nenhum comentário:

Postar um comentário

 

Todos os direitos reservados à Design Is Next © 2012 2013 - All Rights Reserved. | Desenvolvido por: Lawliet