[[! Novo i]] #Tutorial1|| Efeito Kokorota!

Tadaima!

Sei que não sou imortal... Mas sou o bastante para ser inesquecivel!

[[! Novo i]] #Tutorial1|| Efeito Kokorota!

Okaeri,primeiro passou o natal mais digo:::: Feliz Natal!!! Para todos,hontem fiquei o dia todo curtindo , então não tive tempo para vir postar,bem mais este não é o que iremos tratar hoje,é só um Feliz Natal e nada mais. Hoje finalmente - Glória Deus! tive tempo para fazer um efeito,espero que gostem,e como devem ter lido o titúlo e a cópia do titúlo no post,você ja deve saber que o nome do efeito é Kokorota,certo? Bem chega de converssinha,e por favor sem delongas e tudo mais,não tive tempo para postar no Natal! Quer ler,mais? Então vualá !!

Primeiramente vá em - Modelo - Editar Html - Procure por ]]><

e cole este código acima:

.Kokorota {
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-moz-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-o-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-ms-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
}
.Kokorota:hover{
transform: rotate(240deg) scale(1) skew(93deg) translate(-152px);
-webkit-transform: rotate(240deg) scale(1) skew(93deg) translate(-152px);
-moz-transform: rotate(240deg) scale(1) skew(93deg) translate(-152px);
-o-transform: rotate(240deg) scale(1) skew(93deg) translate(-152px);
-ms-transform: rotate(240deg) scale(1) skew(93deg) translate(-152px);
}

Agora que você já fes isso adiciona um Gadget Html/JavaScript

e cole este código,mais primeiro de o titulo!;

<a href="LINK" title="NOME"><img src="URL DA IMAGEM" class="Kokorota" /></a> 

Espero que tenha gostado do efeito! Origato por acompanhar nosso blog! Seja sempre Bem-Vindo!

Ja ne ^-^