Next.jsでスライダーをスクラッチする

IntersectionObserverAPIを使用して、スライダーが画面内に入った時にアニメーションし、 画面内に入ってからは通常のスライダーとして機能するように実装しました。
FVに応用すれば各スライドの登場時は、アニメーションでコンテンツを際立たせ、以降はスライダーとして機能性は向上させることが出来ます。

• 期待される成果
• アニメーションがUXの向上に寄与し、ユーザーにインパクトを与える。
• IntersectionObserverにより、パフォーマンスも維持。

Tips01

None

slide1