• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

7 de abril de 2013

Efeito Lower

Bhqasedceae3t7a_large
Oi chocolatinhos! Tudo bom?
Ainda lembram de mim? Sim, infelizmente fiquei longe daqui por um tempo :(
Mais é escola, preguiça e tudo junto e misturado! rs'
O blog completou 1 aninho né? Parabéns \o/ 
Hoje eu vim trazer um efeito bem legal pra vocês que eu passei do tumblr pra cá! Os créditos são a mim que repassei de lá pra cá e ao Html Strew ♥.
Visualize aqui, viu ela cai e quica,caso não viu o efeito recarregue a página!
Vamos ao tutorial,é super fácil!
Aperte F3 e procure por ]]></b:skin>

/*** EFEITO LOWER POR HTMLSTREW ***/
@-WEBKIT-KEYFRAMES LOWER {0% {OPACITY: 0;-WEBKIT-TRANSFORM: TRANSLATEY(-2000PX);}60% {OPACITY: 1;-WEBKIT-TRANSFORM: TRANSLATEY(30PX);}80% {-WEBKIT-TRANSFORM: TRANSLATEY(-10PX);}100% {-WEBKIT-TRANSFORM: TRANSLATEY(0);}}
.EFLOW {MARGIN-TOP:#PX; MARGIN-LEFT:#PX;-WEBKIT-ANIMATION: LOWER 2.3S;}
Você edita aonde esta de negrito (margem do topo/esquerda e o tempo do efeito) e ai esta o mesmo tempo que no exemplo.

Agora para usar,vá em layout > adicionar um novo gadget > Html/JavaScript :

<IMG CLASS="EFLOW" SRC="URLDAIMG">
Aonde está de negrito cole o URL da imagem. 

Espero que vocês tenham gostado,
beijos :*



23 comentários:

  1. Bem diferente este efeito, gostei ^^
    --------------------------------------
    www.cherryboomb.com

    ResponderExcluir
    Respostas
    1. Que bom flor! (:
      Uma honra te ver por aqui,volte sempre!
      Beijos ;*

      Excluir
  2. Nossa, que legal !
    Amei o tutorial, mt lindo ;D

    Seguindo ;D

    http://www.blogmeninamulher.com/

    ResponderExcluir
    Respostas
    1. É sim,que bom que gostou! ^^
      Obrigada,volte sempre flor!
      Beijos ;*

      Excluir
  3. Muito legal esse efeito...

    adolescentelouco-lol.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigada,bom que gostou!
      Volte sempre!
      Beijos :*

      Excluir
  4. Muito super, esse efeito que usei em meu último layout free ;D

    ResponderExcluir
  5. Wont, que efeito fofo!
    Adorei, Beijos :3
    pqngarota.tk

    ResponderExcluir
  6. O efeito é lindo, além de fofinho e sexy haha :3
    Beijos,
    Feita de Rubis << Visite!

    ResponderExcluir
  7. Oi amei o tutorial concerteza vou por no meu! dá uma olhadinha no meu ? Se gostar segue ? worldcandyyblogspot.com Porfavor meu sonho e que você siga meu blog !
    Posso te por como afiliada ? Beijoos :**

    ResponderExcluir
  8. Já usei este efeito muitas vezes, acho ele muito perfeito para usar em páginas !
    HAUSAH' A escola também me deixa assim...

    The Moon Reverse

    ResponderExcluir
  9. OMG que efeito lindjo eu adorei ele *o*

    XOXO :D
    jovenclube(.blogspot.com.br)

    ResponderExcluir
  10. Que legal!
    Irei utilizar no meu próximo layout!
    ADOREI !!!
    UM grande abraço Emilia.
    coffemilia.blogspot.com♥

    ResponderExcluir
  11. diferente este efeito ^^ Que legal!


    QUASEPRINCIPA|BLOG

    ResponderExcluir
  12. Supeer Cute, quem sabe uso no meu proximo layout! :))
    Nossa ameei o blog super fofo *----------* !

    http://vamos-caprichar.blogspot.com.br/

    ResponderExcluir
  13. Nyah, ótimo efeito, não conhecia o3o'
    Beijos~
    mutant-paradise.blogspot.com

    ResponderExcluir
  14. Adorei o feito *uuu*
    Muito legal mesmo >///<
    Vou usar no meu lay u_u

    ResponderExcluir
  15. Megan e hannah , mil desculpas por não poder agradecer antes é que ultimamente estou sem tempo sabe :s , ai fica dificil arruma um tempinho para o blog e etc , enfim vim aquie agradece amei o lay vcs estão de parabens , e pode ter certeza que a cada 6 meses irei fazer lay com vcs suas lindas , muito obrigada e que deus abençoe muito vcs s2

    bgs bgs , fiz uma postagem lá no meu blog pra vcs tambem .

    ResponderExcluir
  16. Oie adorei o blog e o tema do the walking dead ( sou fã kk), parabéns ^^
    Vim aqui te convidar para conhecer o Mundo Teen,que voltou agora com um layout novo e novos assuntos...
    Te espero lá ein:
    http://flmundoteen.blogspot.com.br/
    Beijos

    ResponderExcluir
  17. Oh, é tão diferente. Adorei *u*

    http://blog-bluesky.blogspot.com.br/

    ResponderExcluir
  18. Amei o efeito.
    space-sweet-girl.blogspot.com.br

    ResponderExcluir
  19. Hey flor tem post novo lá no Mundo Teen da uma passadinha lá para conferir...Te espero la ein *-*
    Beijos
    http://flmundoteen.blogspot.com.br/2013/04/que-seja-eterno-enquanto-dure.html

    ResponderExcluir