Design Furia

Giro 360º imagem do BLog

By João Pedro

Url: http://designfuria.blogspot.com.br

-----------------

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 :

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"

-----------------------------------------------

Exemplo: <img src="url da imagem aqui" class="flip360" />

Se gostou comente

Bolo 10