animated.css
読み込んで
animate__fadeInLeft animate__animated
のクラスつけるだけ
https://animate.style/
タイミングはその要素に個別で下記
animation-duration: 2s; /* アニメーションの時間 */
animation-delay: 2s; /* アニメーション開始時間 */
animation-iteration-count: infinite; /* アニメーションの繰り返し回数 */
回数の時は数字入れる
https://knowledge.cpi.ad.jp/tech/246/
スクロールと連動は
wow.js入れて、
body直前に
<script src="./assets/js/wow.js"></script>
<script>new WOW().init();
</script>
動かしたい要素にwowをクラス名いれるだけ
jQuery不要