aos fade down css code example
Example 1: aos js
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 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>