On-scroll animations can add quite the elegant effect to your website. A little animated polish can go a long way towards making your site look well-rounded and complete. With this JS library, you can make elements fade, slide, or even spin as they appear when you scroll down a page.
Now, We’ll show you how to set it up right here, and we’ve also provided some nice examples of AOS experiments in action.
Install using YARN, NPM, BOWER
yarn add aos
npm install aos --save
bower install aos --save
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script> AOS.init(); </script>
AOS Experiments and Examples
Scroll Effects Made Easy
If you’re looking for a library that makes elegant scroll effects a breeze to implement, definitely consider trying AOS. It’s simple to install and even easier to learn, so you can have on-scroll animations up and running in a snap.