<head>
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
</head>
<body>
<!-- put this code at the bottom of the body -->
<script>
AOS.init();
</script>
</body>
<div data-aos="fade-up"></div>
<div data-aos="fade-zoom-in"
data-aos-easing="ease-in-back"
data-aos-delay="300"
data-aos-offset="0">
</div>
npm install aos --save
import AOS from "aos";
import "aos/dist/aos.css";
useEffect(() => {
AOS.init({
duration: 3000,
});
});
data-aos="flip-left"
Code Example |
---|
Html :: cache control html |
Html :: how to include a dash in html |
Html :: how do i link two pages in html |
Html :: how to refer to external style sheet |
Html :: base64 image in html |
Html :: fa fa-thumbs-o-up icon |
Html :: tailwind rotate 180 |
Html :: clear input file html react |
Html :: open link as a number |
Html :: coreui primary color |
Html :: html a |
Html :: how to use the label tag in html |
Html :: h4 in html |
Html :: embed tag in html |
Html :: tailwind flex shrink |
Html :: email button html |
Html :: html textarea rows |
Html :: set table column width |
Html :: how to write code in html |
Html :: whats app chat link for html |
Html :: How to align input line in html forms |
Html :: how to italicize in html |
Html :: html inline elements |
Html :: html scale svg |
Html :: strong tag html |
Html :: html style attribute |
Html :: username patterns |
Html :: img tag html |
Html :: px in react |
Html :: input audio and video in html |