Animate On Scroll Webpage | AOS Library

In this project we will build a webpage from scratch that uses the AOS (Animate on Scroll) library to implement a fading effect when the page is scrolled

Code:

Library Github:

Sponsor: DevMountain Bootcamp

💖 Become a Patron: Show support & get perks!

Udemy Courses:

Follow Traversy Media:

[josephheadsonlymilumbe]

Because of your tutorials, I am affording a good life.

[johnrobson]

You are undoubtedly one of the best YouTuber/Teacher I know.
 And your life story and teachings are an inspiration to me.
Brad, thank you so much!

[youraverageprogrammer]

Currently watching your DOM tutorial series and I am just fascinated!

[MrMelquize]

Dude, thanks for all the content you all created, absolutely amazing!
Keep up the great work, I'm a beginner front end and you helped me a lot, thank you!

[arber.]

I watch tutorials all the time and I can say this guy's easily the most well rounded developer doing videos, most of them are one trick ponies and because of that a lot of thing are left unanswered for the audience.

[SomeCrazyMen]

Thank you Brad! This tutorial helped me alot and I made my first animated page right there on the spot. Big respect!

[agustina]

I was making my portfolio website yesterday and I kept wondering how I could animate it so that things would appear on scroll and here I've got my answer. You are the best, Brad, keep the videos coming!

[cjaym]

I can't say enough about ya Brad! I was a Project Manager for a
production machining company that gave me a comfortable life but I
didn't have the passion for it anymore. I was also addicted to opiates
for over ten years and I can relate. I haven't touch a pill in more than
3yrs. and I have a passion for coding that gives me more enjoyment. I
hope to work for myself in this field one day. You are a great
inspiration with your tutorials and life experiences.

[luigidavidemicca]

Hey man, today's my birthday and I'm 25. Just wanted to thank you fro everything you do, from tutorials to your speech. I felt kinda hopeless lately and then met your videos. Everything means so much to me, from learning new stuff to reinvent my life, to know that at some point there was someone lost like me. You give daily so much ispiration. I also bought 2 of your courses from Udemy to learn even more and change my shitty job situation and my life as well. I may be no that good at English so I apologize for any mistakes made here. Oh by the way in my country they consider jQuery a language and they don't even know what node.js is. Greetings from Italy (Milan) my friend. Thanks Luigi.

[sorrell]

Let me tell you something Brad. I have a such a confidence issue learning to code and breaking into the industry. A lot of new things to learn and new thinking involved. YOU help me conquer this with your incredibly descriptive and well explained tutorials. If i ever bump into you, expect beers :)

[vladislavivanov]

I knew about AOS and I actually have some wibsites that uses it, but because I love the way you're teaching and showing stuff, I decided to take a look. Great job, keep it up!

[jfauske]

Before this video I was quite stressed about implementing animation on scroll. After this video I have zero stress about this... Thanks Brad!

[arwahsapi]

Next video: A day in the life of Brad Traversy would be awesome.
Seriously Brad, after all what you've been giving us you need to take a break and have fun!

[vishaltaywade]

Brad you're Amazing 💪😀 RockStar 😎
We are really lucky to get a such of ultimate knowledge through your tutorials!!!
Thank you Brad 🙏

[onebadhombre]

What an amazing library! Simple and effective! Thanks for the lesson!

[dilshod_abdirazzoqov]

Hi Brad, these lessons are picked up on the web site by html and css, are very amazing, today I am going to start to learn these videos. Good luck everybody.

[shahadtuglak]

Thankyou so much I want this animation for last 6 months & now I find this I am Glad to know and learn from you Thankyou once again Brad Traversy❤

[octbit]

Man!!!, I have been struggling to find one tutorial that do this in easy way, I just found this thanks

[abbassher]

A lot of love for u Brad sir. Love your every tutorial and waiting for new one always. Keep it up.

[ekotiterencetercy]

Thanks so much Brad. You inspire me!!! And millions of viewers out there