Efeito Shaking

11 de out de 2013
Oiie Gente :) Bom dia :)
Esse horário estou entrando no trampo :D gente é muito Legal trabalhar hehe
Hoje vim ensinar um Efeito....
Gente juro que depois faço um Blog de Previews... Jurooooo(Só não sei quando tá kkkk)

1-No seu HTML, aperte F3 e procure ]]></b:skin> | Acima cole:

@-webkit-keyframes efeito-shaking-isa {
0% {-webkit-transform: rotate(-5deg); }
25% {-webkit-transform: rotate(4deg); }
50% {-webkit-transform: rotate(-6deg); }
75% {-webkit-transform: rotate(9deg); }
100% {-webkit-transform: rotate(-5deg); }
100% {-webkit-transform: translatey(-10px);}
}
@-moz-keyframes efeito-shaking-isa {
0% {-moz-transform: rotate(-5deg); }
25% {-moz-transform: rotate(4deg); }
50% {-moz-transform: rotate(-6deg); }
75% {-moz-transform: rotate(9deg); }
100% {-moz-transform: rotate(-5deg); }
100% {-moz-transform: translatey(-10px);}
}
@-o-keyframes efeito-shaking-isa {
0% {-moz-transform: rotate(-5deg); }
25% {-moz-transform: rotate(4deg); }
50% {-moz-transform: rotate(-6deg); }
75% {-moz-transform: rotate(9deg); }
100% {-moz-transform: rotate(-5deg); }
100% {-moz-transform: translatey(-10px);}
}
.efeito-shaking-isa {-webkit-transition: .7s; border-radius: 5px; box-shadow: 1px 1px #caebe6;}
.efeito-shaking-isa:hover {-webkit-animation: efeito-shaking-isa .7s alternate infinite linear;} 
border-radius: 5px; são bordas arredondadas


2-Agora vá em Layout • Adicionar um Gadget • HTML/JavaScript e cole:
<a href="LINK"><img class="efeito-shaking-isa" src="URL DA IMAGEM" /></a>
<a href="LINK"><img class="efeito-shaking-isa" src="URL DA IMAGEM" /></a>
<a href="LINK"><img class="efeito-shaking-isa" src="URL DA IMAGEM" /></a>
<a href="LINK"><img class="efeito-shaking-isa" src="URL DA IMAGEM" /></a>
créditos: 

0 comentários :

Postar um comentário

Seu Comentários é sempre bem vindo!
Comente,opine,se expresse! Este espaço é seu!
Comentar faz parte,então por favor deixem comentários

-Todos os comentários são moderados e só ficarão disponíveis ao serem aprovados
-A área de comentários não é casa da mãe Joana,então tenha respeito.Não use palavrões,nem insultos,ofensas,agressões e baixarias;
-Não serão aceitos comentários Anônimos,comentários repetidos,e que tenham qualquer material publicitários ou de merchandising pessoal ou de benefício de terceiros
-Contatos pessoais devem ser feitos na pagina de contato.
-Não deixe links desnecessários os comentários

AVISOS:

--Blog não é Chat,respeitadas as regras ,é livre o debate dos assuntos aqui postados,Que o espaço de comentários não sirva para bate papo sobre assuntos de caráter pessoal ou estranhos ao blog
--A tentativa de clonar nomes e apelidos de outros usuários para emitir opiniões em nome de terceiros configura crime de falsidade ideológica.

Espero que tenham gostado do blog e que volte sempre!