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="assets/libs/aos/aos.css" />

Javascript

<!-- aos js -->
<script src="assets/libs/aos/aos.js"></script>

Initjs (Custom js)

<!-- animation init -->
<script src="assets/js/pages/animation-aos.init.js"></script>

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