HOME ☁ Biography ☁ Facebook ☁ Twitter ☁ Instagram ☁ Blogskin ☁
disclaimer

Instagram


Tagboard


History

Friends


Twitter


Credit

Skin by → Pipie Panini
Html code → Mary / Hanie.Heykiim
Images from → weheartit.
Efeito giratório nas imagens30 de jun. de 2013 leave me ♥?


Hoje trouxe um tutorial bem fácil para vocês, que é o Efeito Giratório,ou Rotate.

Então vamos ao tutorial! Como disse, é bem fácil,mas envolve HTML...

1. Vá em Modelo > Editar HTML e com o CTRL + F procure por: ]]></b:skin>

2. Acima,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);
}
Visualize,e se estiver tudo certo,salve!

Créditos:(www)

Marcadores:


FUTURE
PAST