Sierra Solution
HTML
JavaScript
Responsive
GSAP
商品販促広告サービス会社サイト。
GSAPを使用した横スクロールを実装した作品です。
PC、SP用のデザインを作成し、レスポンシブ対応のコーディングを行いました。
- POINT
-
GSAPを使用してPC表示では全体、SP表示ではセクションの一部にて横スクロールを実装しました。各種アニメーションの始動タイミングや切替など、GSAPのScrollTriggerプラグインを使用してそれぞれ実装しました。
TOPページのみの作成となりましたが、GSAPへの理解、サイト作りの練習として大変為になりました。 - ページ数
- 1ページ
- 使用技術
- HTML / CSS / JavaScript / GSAP
- デザイン
- Figmaページ（閲覧のみ可能です）
