Animate On Scroll Library code example

Example 1: aos js cdn

CSS
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">

JS
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>

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

Example 2: aos animate install

//install
npm install aos --save


//initialize in react

import AOS from 'aos'
import 'aos/dist/aos.css';
AOS.init();

Example 3: aos library slow animation angular

$ npm install aos --save
//In angular.json
styles: [... "node_modules/<your-site>/aos/dist/aos.css"]
//In component.ts
import * as AOS from 'aos';

ngOnInit() {
    AOS.init();
 }

//In component.html
<div data-aos="fade-left"></div>