AOS -Animation reagiert NPM
npm install aos --save
Victorious Vendace
npm install aos --save
CSS
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
JS
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
INITIALIZE AOS:
<script>
AOS.init();
</script>
npm i aos — save //installation
//import
import AOS from "aos";
import "aos/dist/aos.css";
//useEffect
useEffect(() => {
AOS.init();
AOS.refresh();
}, []);
//example
data-aos="fade-up"
<div data-aos="zoom-in-right"></div>
<div data-aos="zoom-in-left"></div>