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