• HTML/CSS
• JavaScript

• URL

  wakaba.chizu-web.com

  ID / demoPass / demo

• 制作期間

  約12日

• サイトについて

  FVは、clip-path、Swiper、GSAP、KeyframeをはじめとしたCSSアニメーションを使用しています。 各セクションに、モーダル、パララックス効果、アコーディオン、タブ切替、固定スクロールなどを実装。 全体のフェードイン/アウトは開始時間やイージング最適化し、アクセシビリティに配慮いたしました。 レスポンシブはリキッドレイアウトを採用し、各デバイスにも適した柔軟な実装を目指しました。