16 fevereiro 2013

Efeito Nice {Exclusivo!}

| |
Oi pessoas!
Fiquei muito feliz ao saber que gostaram do novo lay que fiz. Acho que esse foi o melhor lay que eu já fiz.

Eu não estou me sentindo muito bem hoje, é que na quarta foi meu niver só que eu só comemorei ontem e eu comi muita besteira, e agora não me sinto tão bem. E eu acho que estou ficando resfriada.

Isa, porque você está falando isso? É que se continuar assim, talvez a frequência de posts diminua um pouquinho. Se isso acontecer você já sabem o porque, né?

Mas vamos ao que interessa: o efeito. Ele ficou bem fofinho, na minha opinião.


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.


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!

Gente, o efeito é meu então se repassar dê meus devidos créditos!

11 comentários:

  1. Gostei do efeito, achei fofinho.
    Ana ~ TSD/perfil

    ResponderExcluir
  2. Ownt, adorei o efeito, fica bem fofo! :D


    xx,
    pinkpimenta.blogspot.com.br/

    ResponderExcluir
  3. Gostei do efeito, muito lindo !
    cr4zy-world.blogspot.com

    ResponderExcluir
  4. Adorei o efeito,bem interessante ^^
    Nee nee quer fazer afiliação,meu blog tem um pouco de html,pode ser?
    Mas seu tema principal é anime e goodies...
    Se puder me responde nele,por favor.
    O blog é Eternamente Otaku

    ResponderExcluir
  5. O blog de vocês é demais, eu simplesmente adorei o layout.
    Ah e muuuito obrigada pela postagem eu estava louca procurando o efeito que por sinal fica muito legal em afiliados não é ?

    Enfim, beijos e seguindo aqui !
    http://the-moon-reverse.blogspot.com.br/

    ResponderExcluir
  6. Adorei o efeito, ficou bem bonitinho!!
    Graças á sua explicação, consegui fazer um efeito :3
    Obrigada!
    pqngarota.tk

    ResponderExcluir
  7. Gostei, fica bem fofo ><
    Melhoras pra você, gulosa u.u E parabéns atrasado *u*

    Beijos,
    poisonhtml.blogspot.com

    ResponderExcluir
  8. Amei o efeito, ele é lindo. Aceita afiliação? Beijos

    amantesdemoda.blogspot.com.br

    ResponderExcluir
  9. Ah, tem uma brincadeira chamada "tag das blogueiras" e eu te tagueei. Olha no meu blog
    http://leyahff.blogspot.com.br/2013/02/respondendo-tag.html

    bjinhuss carinhososs

    ResponderExcluir
  10. Adorei o efeito e o tutorial,bem legal^^

    Beijos
    Amora R.

    ResponderExcluir
  11. Feliz aniversário atrasado e melhoras do possível resfriado :\
    Lindo o efeito, Isa! Você manda muito bem para criá-los, viu? Adorei <3

    Beijos
    Too Kawaii

    ResponderExcluir

« »