Efeito Vênus // Exclusivo!


Boa Tarde, curbuita-petos! ()

Estamos com 202 seguidores. >3< Obrigada! Desculpem-me não trazer nada de especial, ainda não pensei em nada e minha irmã até deu uma brigada comigo hoje. Vou deixar minha Ask no final da postagem, e você tratem de me mandar ideias u_u

Enfim, hoje venho trazendo mais um desses meus lindos efeitos feitos por mim. Ao meu ver, vocês tem gostado deles, correto? Sendo assim, vou providenciar mais alguns por aqui. Esse é o último! ç3ç Desta ver, a estrela é o Efeito Vênus - que não tem nada haver com o efeito em si.



Ainda não providenciei uma preview para o efeito, mas é esse que uso atualmente na imagem da sidebar. Ele faz com que a imagem gire e perca a opacidade, ficando ótimo em gadgets de 'Welcome' ou que contenha imagens grandes.

Para usar o efeito, vá em: Modelo > Editar HTML > Expanda a primeira setinha. Dê Ctrl F ou F3 e procure por ]]. Acima dessa tag, cole:
.venus {
transition:All 1.2489s ease;
-webkit-transition:All 1.2489s ease;
-moz-transition:All 1.2489s ease;
-o-transition:All 1.2489s ease;
transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
}
.venus:hover{
transform: rotate(180deg) scale(1) skew(1deg) translate(0px);
-webkit-transform: rotate(180deg) scale(1) skew(1deg) translate(0px);
-moz-transform: rotate(180deg) scale(1) skew(-9deg) translate(0px);
-o-transform: rotate(180deg) scale(1) skew(1deg) translate(0px);
-ms-transform: rotate(180deg) scale(1) skew(1deg) translate(0px);
opacity:0.65;
-moz-opacity: 0.65;
filter: alpha(opacity=65);
}
Salve e vá em: Layout > Adicionar Gadget > HTML/Javascript. Neste novo gadget, cole o código abaixo:
Clique aqui para visualizar o código: xxx
 Modifique de acordo com os comandos no próprio código e salve. Seu efeito vai estar funcionado perfeitamente! 

/ana

4 comentários: