Overview Official Website

Aos animation JavaScript library apply different kinds of animations to elements as they scroll into view.

CSS

<!-- aos css -->
<link rel="stylesheet" href="{{url_for('static' ,filename='libs/aos/dist/aos.css')}}" />

Javascript

<!-- aos js -->
<script src="{{url_for('static' ,filename='libs/aos/dist/aos.js')}}"></script>

Initjs (Custom js)

<!-- animation init -->
<script src="{{url_for('static' ,filename='js/pages/animation-aos.init.js')}}"></script>

Add Package

yarn add aos --save

Remove Package

yarn remove aos or you can remove package by removing specific package from package.json

AOS.init({
	easing: 'ease-out-back',
	duration: 1000
});