Get started with aos CDN

MIT licensed

AOS: library for animating intersecting elements with the viewport.

Tags:
  • scroll
  • css3
  • transition
  • transform
  • mousewheel
  • smooth
  • wow
  • animate

Stable version

Copied!

How to start using aos CDN


<!DOCTYPE html>
<html>
<head>
    <link href="https://cdn.jsdelivr.net/npm/aos/aos.css@2.3.4/aos.css" rel="stylesheet">
    <script src="https://cdn.cdnhub.io/aos/2.3.4/aos.js"></script>
    <script>
        AOS.init();
    </script>
</head>
<body>
    <div class="animate-box" data-aos="fade-up" data-aos-duration="1000">
        <h1>Hello, I'm a heading.</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero.</p>
    </div>

    <div class="animate-box" data-aos="fade-right" data-aos-duration="1500">
        <h2>I'm another heading.</h2>
        <p>Phasellus id sapien in sapien integras parturient montes, nascetur ridiculus mus. Nullam id felis et ipsum commodo</p>
    </div>
</body>
</html>
Copied!
Copied!

All versions