Efeito Nice

12 de out de 2013
Oieee :) Bommm Diiiiiiia hehehe
(Essa hr estou na minha 1° Pausa do trampo)
Trouxe um efeito bem legal para vocês
1-no HTML do sue blog, aperte F3 e procure por ]]></b:skin> e acima cole:

@-o-keyframes efeito-nice-isa {
1% {-o-transform: translate(2px);}
10% {-o-transform: translate(3px);}
20% {-o-transform: translate(6px);}
30% {-o-transform: translate(8px);}
40% {-o-transform: translate(10px);}
50% {-o-transform: translate(12px);}
}
@-moz-keyframes efeito-nice-isa {
1% {-moz-transform: translate(2px);}
10% {-moz-transform: translate(3px);}
20% {-moz-transform: translate(6px);}
30% {-moz-transform: translate(8px);}
40% {-moz-transform: translate(10px);}
50% {-moz-transform: translate(12px);}
}
@-webkit-keyframes efeito-nice-isa {
1% {-webkit-transform: translate(2px);}
10% {-webkit-transform: translate(3px);}
20% {-webkit-transform: translate(6px);}
30% {-webkit-transform: translate(8px);}
40% {-webkit-transform: translate(10px);}
50% {-webkit-transform: translate(12px);}
}
.efeito-nice-isa {-webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s;border-radius: 49px 49px 90px 90px;-webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s;}
.efeito-nice-isa:hover {-webkit-animation: efeito-nice-isa .5s alternate infinite linear;-webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s;} 




border-radius: 49px 49px 90px 90px; são as bordas arredondadas das imagens, é só mexer caso não queiram.


2-Para colocar, vá em Layout • Adicionar Gadget • HTML/JavaScript • cole:

<a href="LINK" title="NOME"><img src="URL DA IMAGEM" class="efeito-nice-isa"/></a>
<a href="LINK" title="NOME"><img src="URL DA IMAGEM" class="efeito-nice-isa"/></a>
<a href="LINK" title="NOME"><img src="URL DA IMAGEM" class="efeito-nice-isa"/></a>
<a href="LINK" title="NOME"><img src="URL DA IMAGEM" class="efeito-nice-isa"/></a>
<a href="LINK" title="NOME"><img src="URL DA IMAGEM" class="efeito-nice-isa"/></a>
<a href="LINK" title="NOME"><img src="URL DA IMAGEM" class="efeito-nice-isa"/></a>
Preencha o que se pede e pronto!

2 comentários :

Ísis Rodrigues Cerqueira disse...

Oi lindona, como está ?
Já estou te seguindo e adorei seu blog....amei o efeito nice...bjs
www.bio-pink.blogspot.com

Thamiris Lara disse...

Oiie Gatona² já segui teu blog de volta :)

fiko flz que tenha gostado :)

Volte sempre

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!