04/08/2013

Efeito Gild

Uma boa tarde seus divos
Uma boa tarde a todos e a todas que andam por aqui , e um feliz domingo acompanhado por um AMANHÃ TEM AULA , ashua , tá eu destruir a felicidade de vocês -n , a unica coisa que vai me deixar feliz amanhã é que na minha escola não vai ter aula AHSUA , podem chorar seus recalcados , ah hoje estou muito engraçada então me ignorem , bom eu tô passando bastante tempo sem vim aqui , e eu até acho que a Mitcha morreu , por que não vejo mais posts dela aqui , ela só vivia atualizada e agora nem noticiais eu tenho , vou me comunicar com essa criatura e-e .
Bom até que enfim eu resolvi vim aqui postar esse tutorial , eu estava planejando ele faz tempo porém o tempo , preguiça , e idiotice mesmo não me deixavam vim postar , é um efeito bem legal que eu achei no blog We Heart HTML , então se usarem coloquem os créditos para ele , pois não foi eu que fiz , ah eu achei ele bem fofo cara e vou deixar a preview para vocês aqui em baixo , procurem pelo gadget que o efeito se encontra e sejam felizes , espero que gostem .



Vamos lá? :3
Primeiro, vá em Modelo > Editar HTML > Ctrl + F ou F3 e procure por ]]></b:skin> e acima cole: 

@-webkit-keyframes gild { 50% {transform: rotate(10deg) scale(0.636); -webkit-transform: rotate(10deg) scale(0.636); -moz-transform: rotate(10deg) scale(0.636); -o-transform: rotate(10deg) scale(0.636); -ms-transform: rotate(10deg) scale(0.636)} 75% {transform: rotate(-10deg) scale(0.636); -webkit-transform: rotate(10deg) scale(0.636); -moz-transform: rotate(-10deg) scale(0.636); -o-transform: rotate(-10deg) scale(0.636); -ms-transform: rotate(-10deg) scale(0.636);} 99% { opacity: 0.0;} 100% {-webkit-transform: rotate(0deg); opacity: 1;} } .gild {display: inline-block; border-radius: 5px;} .gild:hover { -webkit-animation: gild .5s alternate linear;}
Você não muda nada, e agora, cole em um gadget HTML/JavaScript esse código: 

<a href="LINK"><img src="LINK DA IMAGEM" class="gild"></a>
Prontinho , efeito bem simples e kawaii aplicado , beijos.


17 comentários:

  1. Nossa, que lindo!
    Quando estiver fazendo meu layout visitarei seu blog, cheio de efeitos lindos, e ótimos tutoriais! Beijinhos!

    acatattack.blogspot.com.br

    ResponderExcluir
  2. Eu amei o efeito, muito lindo
    Beijos
    Aceita afiliação?
    Beijos
    http://cupcakevirtual2012.blogspot.com.br/

    ResponderExcluir
  3. *O* Que efeito lindo *-* Eu estou a pensar em criar um só para mim, mas vai ser complicado D: Talvez use este ;)

    Kiss~

    from Niik ll Letter of Pain (perfil)

    ResponderExcluir
  4. Que efeito lindo ,ameii ,fica ótimo nos afiliados eu acho ;)
    Seu layout é perfeito ,já estou seguindo.
    Beijo.

    blog-sempre-teen.blogspot.com

    ResponderExcluir
  5. Na verdade, não gostei muito dele mas gostos são gostos
    querosabertudo-k.blogspot.com

    ResponderExcluir
  6. Adorei o efeito!

    Obrigada pela visitinha no DDUP.
    Beijos,
    Diario-de-uma-pandaruja.blogspot.com.br/

    ResponderExcluir
  7. Eu gostei... Ele é meio que cheio e.e
    Eu prefiro aqueles simples que só tem opacidade ou só um efeito, lol.

    KISSES, #Beijada Por Um Anjo ~

    ResponderExcluir
  8. Nossa ficou lindo, eu sou realmente péssimo para fazer efeitos em key-frames, então só me resta elogiar mesmo, rsrsrsrs.
    Gostei do layout.

    ResponderExcluir
  9. Adorei o efeito e adorei o seu blog.
    Seguindo porque curti o blog,se puder retribuir ficarei grata flor.

    gweender.blogspot.com.br

    ResponderExcluir
  10. Lindo o efeito!

    semprefuiestranha.blogspot.com | SEMPRE FUI ESTRANHA

    ResponderExcluir
  11. Legal o efeito *_*

    Mudei o nome do meu blog para Prince Dreamer... Sou a filiado ao seu blog com o nome Tiago Almeida, vc mudaria o nome para Prince Dreamer?? o link pode ficar o mesmo, pois não mudei ele :D thanks

    www.soytiago.blogspot.com

    ResponderExcluir
  12. Amei super fofo, seguindo seu blog segue o meu?
    Aceita Afiliação?

    Kiss: im-bia.blogspot.com

    ResponderExcluir
  13. Amei o efeito, perfeito !
    Kisses~
    Bittersweet

    ResponderExcluir
  14. Que lindo esse efeito!

    Beijos | Empire Html

    ResponderExcluir
  15. Que fofo! Deve ficar lindo em uma elite ^^

    ResponderExcluir