Efeito zoom giratório nas imagens dos posts Css3

Descrição: Faça as imagens dos posts dar um zoom de 360°, com esse efeito bem elegante!

Instalação:

1°- Acesse o painel do blogger > Design > Editar HTML;

2°- E procure pela tag: ]]></b:skin> ;

3°- Antes da tag 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);
}

4°- Salve e Pronto
!

# Compartilhar

Tweet