Animações com a biblioteca AOS - Criando portfólio do ZERO - parte 7

Поділитися
Вставка
  • Опубліковано 8 сер 2024
  • Neste vídeo, vamos explorar como você pode fazer animações de forma simples no seu site de portfólio com a ajuda da biblioteca AOS (Animate On Scroll). Se você deseja impressionar os visitantes com animações elegantes e sutis que dão vida ao seu trabalho, este tutorial é para você.
    Link do notion: leovargas.notion.site/Criando...
    🎥 𝗢𝗨𝗧𝗥𝗢𝗦 𝗩𝗜𝗗𝗘𝗢𝗦
    • Criando o site do Mario
    • Criando o site do film...
    • Criando o site dos Guardiões da Galaxia
    • Aprenda HTML, CSS e Ja...
    • Personalizando o terminal
    • COMO PERSONALIZAR O TE...
    ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
    🏘 𝗖𝗢𝗠𝗨𝗡𝗜𝗗𝗔𝗗𝗘 𝗡𝗢 𝗗𝗜𝗦𝗖𝗢𝗥𝗗
    / discord
    ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
    📱𝗥𝗘𝗗𝗘𝗦 𝗦𝗢𝗖𝗜𝗔𝗜𝗦
    ⮞ Twitch: / leovargasdev
    ⮞ Instagram: / leuvargas
    ⮞ Twitter: / leovargasdev
    ⮞ Github: www.github.com/leovargasdev
    ⮞ Linkedin: / leonardo-luis-de-vargas
    ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
    💻 𝗦𝗘𝗧𝗨𝗣
    Notebook Dell (amzn.to/48080ra)
    Tela 1: Monitor AOC(amzn.to/3NAJq8L)
    Suporte Ergonômico ELG (amzn.to/3t0i1G5)
    Hub USB C p/ usar na 2ª tela (amzn.to/3uI2jjs)
    Webcam Logitech BRIO (amzn.to/3RDm4BP)
    Microfone Blue Yeticaster (amzn.to/3sW32wW)
    Teclado Redragon Varuna (amzn.to/3T8Dkji)
    Mouse Logitech G300s (amzn.to/3Rtnfn4)
    Mouse Pad (amzn.to/3Rtnfn4)
    Estante (amzn.to/46KgVfr)
    ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
    📑 𝗦𝗨𝗠𝗔𝗥𝗜𝗢 𝗗𝗢 𝗩𝗜́𝗗𝗘𝗢
    00:00 Preview do resultado final
    00:21 Introdução
    01:16 Configurando a biblioteca
    02:08 Animando os cards principais
    04:50 Animando os projetos
    08:30 Criando o efeito cascata ao configurar o delay
    12:22 Encerramento
    #WebDesign #Portfólio #AOSAnimations
  • Наука та технологія

КОМЕНТАРІ • 10

  • @mat.amaral
    @mat.amaral 11 місяців тому +1

    top demais!!

  • @clintonrocha4980
    @clintonrocha4980 11 місяців тому +1

    só dica massa, up up !!!

    • @leovargas
      @leovargas  11 місяців тому +1

      Valeu jovem 🤙

  • @AlexSoaresGtr
    @AlexSoaresGtr 11 місяців тому +1

    Teus vídeos são muito massa cara

    • @leovargas
      @leovargas  11 місяців тому

      Muito obrigado 😊

  • @matheuswilian4234
    @matheuswilian4234 11 місяців тому +1

    Zoei meu ZSH depois de instalar como volto pra aquele menu de configuração?

    • @leovargas
      @leovargas  11 місяців тому +1

      te respondi lá no outro vídeo

  • @matheusquintanilha1438
    @matheusquintanilha1438 11 місяців тому

    Como eu faria essa animação dos projetos em cascata pelo react? eu consegui fazer deles entrarem todos juntos, mas assim separado em cascata não :/

    • @leovargas
      @leovargas  11 місяців тому

      Opa Matheus, a propriedade delay não funcionou no react?

    • @matheusquintanilha1438
      @matheusquintanilha1438 11 місяців тому +1

      @@leovargas Consegui usar, estava com dificuldades de como fazer no map para pegar em cada projeto.