Vision Scroll Snap
Vision
スクロールスナップ
- What :
- 創作・アート系画像を全画面表示し、スクロールスナップで切り替えるサンプル
- Why :
- scroll-snap-typeの挙動を試すフロントエンド練習として制作しました。ビジュアル訴求のセクションへの応用を想定しています。マウスホイール操作時のスナップ速度に課題があり、改善を模索中です。JavaScriptで挙動を制御しようと試しましたが、現時点ではCSSのみの方が安定しています。
- How :
- Next.js / TypeScript / Tailwind CSS
- Role :
- Web Design,
Front-end Development - Date :
- 2026.3