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!