• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

27 de janeiro de 2013

Efeito Entrada (Vindo da esquerda)

Tumblr_mdzuw2pzvc1qak6q0o1_500_large
Olá Milks com açúcar e chocolate, 
já que eu e a Hannah G3 estamos fazendo um novo layout para os 500 seguidores (só falta a área de comentários para o layout ficar pronto) e eu apliquei um efeito entrada nesse novo layout, achei interessante pois ao contrário do efeito entrada que muitos conhecem, ele não vem da direita, ele vem da esquerda, achei aqui esse efeito e quis postar aqui para vocês.
  • Preview (aconselho dar f5 para ver melhor o efeito)


Vamos aprender? é super fácil.
Cole acima de </head>:

<link rel="stylesheet" href="http://static.tumblr.com/5dbytsa/vyTmgrvlj/entrada.css" media="screen"/>

Salve, e depois cole o código abaixo, antes de ]]></b:skin>:
.entrada{-webkit-animation: entrada 2s;-moz-animation: entrada 2s;-ms-animation: entrada 2s; -o-animation: entrada 2s;}

Você pode modificar as partes em negrito para alterar a velocidade do efeito.
E quando for usar coloque isso:

<div class="entrada">Conteúdo</div>

Espero que tenham gostado do tutorial,  bem, esse efeito vocês irão conferir no próximo layout do A.N, mais o layout só será aplicado quando atingirmos 500 seguidores, será que irá demorar? :3

18 comentários:

  1. Nossa que legal esse efeito, adorei. Seguindo aqui!

    Beijinhos ♥
    Garota Inocente

    ResponderExcluir
  2. oi A.N's, estou aq pra dizer q eu fiz um post no meu blog falando sobre o Adolescente Nerd. confere?
    princesasemcoroas.blogspot.com.br

    ResponderExcluir
    Respostas
    1. sério linda?! eu amei, já estou seguindo seu blog, uma fofura!

      Excluir
  3. Super lindão seu blog!!! Vim aqui retribuir sua visitinha, viu? E obrigada pelo carinho, seguindo-a, beijo :]
    http://semprequis-ter-umblog.blogspot.com.br/

    ResponderExcluir
  4. Amei esse lay super cute *-* e esse efeito é muito boom .
    Beijos.
    http://catchingfeelings-love.blogspot.com.br/

    ResponderExcluir
  5. Vi esse efeito em alguns blogs e acho sinceramente que da um toque final em qualquer layout *U*

    caindoonareal.blogspot.com.br/

    ResponderExcluir
  6. Lindinho o Efeito *-*

    Quem sabe eu uso no Próximo Layout?

    winter--rose.blogspot.com.br/

    ResponderExcluir
  7. Muito bom o tutorial! Cria um efeito bem legal na entrada do blog!

    Dá uma passadinha?

    rascunhosdecaneta.blogspot.com

    ResponderExcluir
  8. Adorei o seu blog, é a primeira vez que entro aqui, e achei ele muito fofo e organizado, sempre que der vou dar uma passada por aqui, sucesso para você e seu blog *-*

    http://segredosdeblogueira.blogspot.com.br/

    ResponderExcluir