Scroll-driven Animations のフォールバック例

Scroll-driven に対応しているブラウザでは、スクロール位置に合わせて カードが右からスライドしながらフェードインします。
対応していないブラウザでは、Intersection Observer を使って ビューポートに入ったタイミングで一度だけアニメーションします。