Exemplo:
----------------------------------------------------
Tutorial:
-----------------
- 1º - Entre no Blogger > Design > HTML
- 2° - Procure pela tag: ]]></b:skin> (Ctrl + F para procurar) , e acima da tag ]]></b:skin> cole o código :
Continuei Lendo o Post clicando na imagem abaixo
img.flip360 {
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);
}
img.flip360: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);
}
- 2º - salve
- 3° - Agora você vai na url da sua imagem que você deseja colocar o efeito e fassa isso:
Depois da url da imagem acrecente isso: class="flip360"
Comente com o FACEBOOK:
Comente com o FACEBOOK:
0 comentários:
Postar um comentário