Home Snap

GSAP HTML/CSS JavaScript

架空のサービスの10周年記念webサイト。
GSAPを使用したアニメーションの練習の為に作成しました。

WEB SITE

POINT: ・スクロール連動のアニメーション
GSAPを使用し、スクロール連動のアニメーションを作成しました。仮にこのサイトが10周年から11周年になっても使用することを考え、html要素を増やすだけで動作するような仕組みでjavascriptのコードを書きました。
ページ数: 1 ページ
使用技術: GSAP / Swiper.js / JavaScript / HTML/CSS
URL: https://homesnap.mikanbako.jp/
Github: https://github.com/y-nagai0725/HomeSnap
デザイン: Figmaページ（閲覧のみ可能です）