25 de jun de 2013

Tutorial - Efeito Crazy

Oi Oi Gente :3
Ai meu Deus eu to tão feliz porque eu consegui encontrar uma postadora pra o Modernium, to quase chegando nos 2.000 seguidores no meu FC no twitter e também porque consegui criar meu próprio efeito, ou seja, estou começando a cumprir minha promessa de variar aqui nos materiais. Bom, eu espero que deem as boas vindas a Débora na postagem que ela fez ontem, espero que ela goste daqui e de vocês leitores maravilhosos. 

Enfim, a respeito do post eu realmente não sei o que vocês vão achar desse efeito, já que ele foi resultado de algumas combinações loucas hoje feita pela manhã, e se não curtirem ele deem um desconto, porque ele foi meu primeiro efeito e tal. Ignorem o nome eu não sabia qual colocar e acho que ele combinou um pouco. Acho que ele combina mais para elite de afiliados, Welcome e essas coisas, porém, fica na preferência de vocês. Vejam a preview aqui e se usarem creditem!

Feito por - Klíh -. Não repassem por favor.

1. Clique nas setas da tag </b:skin>. assim expandindo todo o código que precisamos. Apo´s isso acima de ]]></b:skin> cole o código abaixo.

@-webkit-keyframes crazy {
1% {-webkit-transform: Translate(-5px); }
25% {-webkit-transform: translate(-15px); }
50% {-webkit-transform: translate(-10px); }
75% {-webkit-transform: translate(-2Opx); }
100% {-webkit-transform: translate(-2px); }
}
@-moz-keyframes crazy {
1% {-moz-transform: scale(0.9px); }
25% {-moz-transform: scale(1px); }
50% {-moz-transform: scale(1.3px); }
}
@-o-keyframes crazy {
1% {-o-transform: rotate(360deg); }
}
.crazy {-webkit-transition: .7s; border-radius: 0px; box-shadow: 1px 1px #fff;}
.crazy:hover {-webkit-animation: crazy .7s alternate infinite linear;}
3. Agora vá em Layout e adicione um gadget de HTML/Java Script e cole o código abaixo e faça suas devidas alterações no que está destacado.

<a href="Link" title="Name"><img src="Imagem" class="crazy" /></a>

Nenhum comentário:

Postar um comentário


- Antes de qualquer coisa, fale um pouco da postagem.
- Não desrespeite ninguém e nem o blog!
- Aceito criticas construtivas.
- NÃO aceito APENAS: Seguindo, segue de volta?