Efeito exclusivo para imagens

16:33 2 Comments A+ a-




Bom gente, eu trouxe um efeito para vocês usarem em imagens, não recomendo muito para os afiliados porque a imagem fica meio tortinha, mas acho muito bonito para alguma imagem de redirecionamento ou imagem de status.
Eu mesma que fiz então por favor credite se repassar.
Dei o nome de diminuindo porque é exatamente o que se faz com a imagem kkkkk
Não alterem nada no código pois se não a transição dá errado.

Aqui uma preview:





Se você gostou e quiser usar vá em seu HTML e procure por ]]></b:skin> feito isso cole esse código acima:
.diminuindoUGNE {
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);
}
.diminuindoUGNE:hover{
transform: rotate(0deg) scale(0.441) skew(1deg) translate(0px);
-webkit-transform: rotate(0deg) scale(0.441) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(0.441) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(0.441) skew(1deg) translate(0px);
-ms-transform: rotate(0deg) scale(0.441) skew(1deg) translate(0px);
}
Agora para usar cole esse código em uma gadget Html/Java Script:

<a href="Link aqui" title="NOME"><img class="diminuindoUGNE" src="URL da imagem" /></a>
Se quiser sem link use esse código:
<img src="link da imagem" class="diminuindoUGNE">
 Bom, acabamos, qualquer erro comentem que eu tentarei ajudar!
Até mais gente!
Beijos <3

Sou Nathalia Nates, adolescente, confusa, que não sabe o que quer da vida, e por isso tenta de tudo(desistindo na maioria das vezes por ter medos e inseguranças).

Nasci em uma pequena cidade do norte do paraná, onde moro até hoje, com meus pais e meus dois cachorros.