animation aos code example

Example 1: aos animate

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

Example 2: aos animation

// In your terminal
yarn add aos@next or npm install --save aos@next

// In your JS file
import AOS from 'aos';
import 'aos/dist/aos.css';

AOS.init();

// then, you can add data-aos attributes in your html

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 css animation

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