Yoo minna^^ Tudo bem? Hoje é a primeira postagem do mes, seis meses de blog, estou tão feliz ;3
Trouxe um tutorial bem simples que aprendi no cherry bomb a anos, efeitos incríveis para as imagens,
e o melhor, você só usa onde quizer! Vamos lá:
O primeiro efeito é o Scale
Passe o mouse na imagem
Para usar, cole o código acima antes de ]]></b:skin>
Código:
.scale {E adicione ao código da imagem onde quer usar o efeito, o seguinte: class="scale". Deve ficar assim:
-webkit-transform:scale(1);
-moz-transform:scale(1);
transform:scale(1);
}
.scale:hover {
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
transform:scale(1.3);
}
<img src="url" class="scale"/>
O segundo e efeito é o Translate
Para usar, cole o código acima antes de ]]></b:skin>
Código:
.translate {
transform: translate(0px);
-moz-transform: translate(0px);
-webkit-transform: translate(0px);
}
.translate:hover {
transform: translate(250px, 10px);
-moz-transform: translate(250px, 10px);
-webkit-transform: translate(250px, 10px);
}
E adicione ao código da imagem onde quer usar o efeito, o seguinte: class="translate". Deve ficar assim:
<img src="url" class="translate"/>
Kissus ;3
2 Comentários
oie.. eu de novo..rs ^^'
ResponderExcluiradorei o efeito, vou usa-lo!
abraços, tudo de bom e até! =)
http://otheranna.blogspot.com.br/
Oi, é sempre bom te ter por aqui^^
ExcluirQue bom gostou^^
Kissu ;3
~Bye bye
Muito obrigada por seu comentário e por sua presença!
Ambos são super importantes para mim.
Kaomojis:
(*´∀｀*) (*≧∀≦*) (=´∀｀)人(´∀｀=) ( ･ ▽ ･)
ヾ(*^▽^*)o, ｡･ﾟﾟ･(>_<)･ﾟﾟ･｡ (＞ω＜；)＊(´∀`)ﾉﾉ＊
（。ゝω・）～♡ ﾍ(´∀｀ﾍ)ﾍ (╯°□°）╯•ᴥ• (´･ω･`)