Irei mostrar como colocar imagens giratórias com efeito zoom no post de seu blogger.
Dê um CTRL +F e na caixa de pesquisa que apareceu pesquise
por: ]]></b:skin>
e 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 testar.
Nenhum comentário:
Postar um comentário