aos initial configuration vue
- Install AOS library via npm:
npm install aos
- Import AOS styles and initialize AOS in your main JavaScript file:
import 'aos/dist/aos.css';
import AOS from 'aos';
AOS.init();
- Add the
data-aos
attribute to the elements you want to animate:
<div data-aos="fade-up"></div>
- Customize the animation settings using data attributes:
<div data-aos="fade-up" data-aos-duration="1000" data-aos-delay="500"></div>