Efeito Decrease

~layout novo uhu~
Hii meus ursinhos maníacos por mel :3 Certamente vocês já ouviram falar daquele efeito zoom para afiliados, certo? CERTO! Pois bem, eu resolvi fazer o oposto dele, um efeito (também para afiliados) que faz a imagem diminuir quando se está com o mouse em cima dela. É o meu primeiro efeito, então sejam legais e não me esculachem :P. Se usarem, deem os devidos créditos, plis. ^~^ Preview 
Vá em Modelo → Editar HTML 
Dê um Ctrl + F e procure por ]]><
Acima da tag procurada, cole o seguinte código:
.efeitodecreaseHOW {
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transform: rotate(0deg) scale(1.004) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1.004) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.004) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1.004) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(1.004) skew(0deg) translate(0px);
}
.efeitodecreaseHOW:hover{
transform: rotate(0deg) scale(0.614) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(0.614) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(0.614) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(0.614) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(0.614) skew(0deg) translate(0px);
}
Não mecha em nada, abra um HTML/JavaScript e cole esse código:
<a href="URL" title="NOME"><img src="LINK DA IMAGEM" class="efeitodecreaseHOW" /></a>
Modifique apenas as partes em negrito. E pronto! 



Beijitos no core ;* | By July B.

Nenhum comentário:

Postar um comentário

Yoo chokito ^y^
Vejo que está indo comentar, fico feliz por isso, cada comentário pra mim é uma voz dizendo "Continue, não se desvie do seu sonho!" então muito obrigada... Mas, antes eu vou dizer algumas regrinhas, ok?

- Por favor, não fique no anônimo apenas para xingar alguém. E se não me engano, isso é o quê as blogueiras mais pedem. Eu ficarei muito agradecida se ninguém aqui praticar coisas do tipo, até porque estamos num pedacinho do céu, e temos que preservar a paz, certo? Certo!

- Se quiser pedir afiliação, é só ir na página que está no menu lá em cima. Querem uma asinha para subir? =3

- Desculpem, mas não faço parte do "Seguindo, segue de volta?", até porque aqui não é Twitter, né? E mesmo assim, eu visitarei todos os blogs, e seguirei se gostar do conteúdo. Não me importo com o layout, até porque estamos aqui para ajudar uns aos outros, né?

- Em breve estarei fazendo uma Ask para o blog, mas enquanto isso podem perguntar por aqui mesmo.

Bom... Eu acho que é só isso! Se quiserem algum tuto ou tag, podem pedir à vontade. Besitos, amo vocês! <3