DECEMBER 27, 2022

ANIMATION ON SCROLL

Did you just see how the Aos image came into the page. this is a simple animation. very easy to implement


How to implement


CSS

<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">

JS

<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>

INITIALIZE AOS

<script>
              AOS.init();
            </script>



Then put this on the div you want to give a transition.


<div data-aos="zoom-in-left"></div>



Here is AOS website, get full documentation and full tutorials.
https://michalsnik.github.io/aos/




Aos youtube tutorial

Animate On Scroll in 9 minutes | AOS

today we'll look at an easy way to make animation of scroll using AOS library in only 9 mintues.