• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

29 de abril de 2013

Efeito Awake [Exclusivo]

gostaram do novo padrão de imagem? :3
Hi little Potatos!
Tudo bem com vocês? espero que sim né, ah eu estou bem, ontem vi o filme 'Até que a sorte nos separe'
Eu achei que o filme teria muita coisa imprópria pois vocês sabem né...filme da globo hum...mais até que nem teve, ainda bem, e é super legal, recomendo '-' - mesmo não gostando muito de filmes brasileiros.

Estou feliz pois tirei 10 na média de inglês - coisa que sempre acontece  ushauhs - mais dessa vez me surpreendi pois a prova dela estava muito difícil pela primeira vez, mais mesmo assim me saí bem.
Vamos agora ao assunto do post né amoras, hoje trouxe um efeito super bonito e exclusivo, recomendo esse efeito para colocar na elite de afiliados, fica super jeitoso 

Vamos aprender chocolates?
Cole acima de ]]></b:skin> de seu HTML:



@-webkit-keyframes awake {


10% {-webkit-transform: translatey(-5px);}

100% {-webkit-transform: translatey(-10px);}

100% {-webkit-transform: scale(1.1);}

0% {-webkit-transform: rotate(-5deg); }

25% {-webkit-transform: rotate(40deg); }

100% {-webkit-transform: rotate(-40deg); }

}

@-moz-keyframes awake {

10% {-webkit-transform: translatey(-5px);}
100% {-webkit-transform: translatey(-10px);}
100% {-webkit-transform: scale(1.1);}
0% {-webkit-transform: rotate(-5deg); }
25% {-webkit-transform: rotate(40deg); }
100% {-webkit-transform: rotate(-40deg); }
}
@-o-keyframes awake {
10% {-webkit-transform: translatey(-5px);}
100% {-webkit-transform: translatey(-10px);}
100% {-webkit-transform: scale(1.1);}
0% {-webkit-transform: rotate(-5deg); }
25% {-webkit-transform: rotate(40deg); }
100% {-webkit-transform: rotate(-40deg); }
}
.awake {-webkit-transition: .7s; border-radius: 10px; box-shadow: 1px 1px #d6d6d6;box-shadow: inset 0 0 18px #ffe4e1, 0 0 3px #FFD1CC}
.awake:hover {-webkit-animation: awake .7s alternate infinite linear;
box-shadow: inset 0 0 18px #ffe4e1, 0 0 3px #FFD1CC;border-radius: 35px;}

Adicione um HTML / Javascript

E cole o código abaixo:
<a href="LINK_DA_COISA"><title="TITULO_DA_COISA"<img class="awake" src="LINK_DA_IMAGEM" /></a>



E aí, acharam fácil?
fica super bonitinho o resultado, vale super à pena colocá-lo na elite
bjiin!

29 comentários:

  1. Que fofo esse efeito, muito legal talvez eu use no meu novo layout :)
    Xoxooh~
    Daily-whi.blogspot.com

    ResponderExcluir
  2. Awwn, que efeito lindo *o*
    cr4zy-world.blogspot.com.br

    ResponderExcluir
  3. Eu usaria o efeito, mas é meio estranho ~(mesmo assim é divo :3)~ só no meu PC seu cabeçalho fica assim (http://static.tumblr.com/ov3yvm7/q9Ymm1la5/________________.jpg)? D:

    http://yuunikon.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. ok flor :)

      Ah, no pc de outras pessoas está assim também, é porque meu montior é maior do que o seu :) aí fica bagunçadinho pra você, agora pra mim fica normalziin ;)

      Excluir
    2. No meu note também fica assim.

      Excluir
    3. rs, psé então, pois o monitor de vocês é menor

      Excluir
  4. A que efeito lindo ele é super ''awake'' msm pqp kkkkk awnn eu sou um chocolate *-*
    ui ui ui morra de inveja pessoas NÃO CHOCOLATES!

    XOXO :D
    jovenclube(.blogspot.com)

    ResponderExcluir
    Respostas
    1. KKK' é, acho que o nome diz tudo né, e você é um chocolate sim, e todos os que leram o post são uhauhsu' né.

      Excluir
  5. Oh céus, que coisa diwa Megan <3
    Sério, usarei em meus próximo layout com toda e completa certeza okay ?

    HEUEHE' Também não gosto de filmes da globo, ou seja brasileiros, acho que são agressivos e sem muito o que dizer...

    ResponderExcluir
    Respostas
    1. Okay hehe, agradeça a vih do P.G ;) pois ela quem criou o efeito, eu só o trouxe ^_^

      Aham, não gosto por causa disso também.

      Excluir
  6. O efeito é incrivel .. ameii o tuto.. ahh estou seguindo. retribui. aceita afiliação ?
    http://one-1life.blogspot.com.br/

    ResponderExcluir
  7. Amei o efeito, vou usar no meu próximo lay.

    girl-sttuff.blogspot.com.br <~ Visita

    ResponderExcluir
  8. Que legal :)
    Bem diferente , eu mesmo não conhecia esse!

    Quaseprincipa|BLOG

    ResponderExcluir
  9. Nossa! Adorei! Quero usar talvez no blog! rsrs, amei! Beijos!

    loucasporumestilo.blogspot.com

    ResponderExcluir
  10. Awn, obrigada por reblogar meu efeito hehe!
    Beijos :3
    pqngarota.tk

    ResponderExcluir
  11. O efeito é mais ou menos assim: Lindo o3o.
    - Megan, ele é uma gracinha. Adorei, sério.
    Thing HTML

    ResponderExcluir
  12. O efeito é lindo, talvez eu use no meu próximo lay. Também sou boa em inglês, mas quando se fala em português o negócio complica.
    Beijos
    Clique nos links ou no perfil:
    ~ Coffee in Paris ~
    ~ Querida Nostalgia ~
    ~ Nem sempre sozinha ~

    ResponderExcluir