Efeito Sunver para Imagens

Imagen: www

Okaeri!

'' Ter você como amigo é conjugar o verbo amar.

Efeito Sunver para Imagens

Oie! Desculpem pela minha ausência , mais para compençar trago hoje um efeito chamado Sunver ,antes de tudo,desejo á todos um Feliz Ano Novo! O efeito é bem interessante,espero que achem o mesmo. Bem chega de blablabla,e vamos ao efeito mais primeiro uma perguntinha ? Como foi seu ano novo ? - Read more...

♥ Efeito Sunver

- Vocês iram colar este código acima de ]]>< ;

.Sunver {

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);

}

.Sunver:hover{

transform: rotate(0deg) scale(0.1) skew(-180deg) translate(-300px);

-webkit-transform: rotate(0deg) scale(0.1) skew(-180deg) translate(-300px);

-moz-transform: rotate(0deg) scale(0.1) skew(-180deg) translate(-300px);

-o-transform: rotate(0deg) scale(0.1) skew(-180deg) translate(-300px);

-ms-transform: rotate(0deg) scale(0.1) skew(-180deg) translate(-300px);

}

♥ Html/JavaScript

- Agora cole este código em um Html/JavaScript ;

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

 Espero que goste do efeito,beijos!