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 - Наука та технологія
top demais!!
só dica massa, up up !!!
Valeu jovem 🤙
Teus vídeos são muito massa cara
Muito obrigado 😊
Zoei meu ZSH depois de instalar como volto pra aquele menu de configuração?
te respondi lá no outro vídeo
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 :/
Opa Matheus, a propriedade delay não funcionou no react?
@@leovargas Consegui usar, estava com dificuldades de como fazer no map para pegar em cada projeto.