AOS (Animate On Scroll) code example

Example 1: aos animate

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

Example 2: aos animate

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

Example 3: aos css animation

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

Example 4: aos animate

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

Example 5: aos

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

Example 6: 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>