スクロールに連動するアニメーションを実装する時は、JSのIntersection Observerを使用すると簡単に実装できる

CRANK

スクロールに連動するアニメーションはIntersection Observerを使用すると、簡単に実装できます。カードUIがスクロールしてビューポートに表示されると、カード内の要素がアニメーションする