WORKS
実績紹介
刻の標
- 制作期間
- 5日間
- サイトURL
- https://tokinoshirube.tsuru-web.com/ ID：demo Password：demo
- 担当範囲
- コーディング
- 実装機能
- ハンバーガーメニューのフェードアニメーション、背景パララックス、タブ切り替え、モーダル、画像クリックによるメイン画像の切り替え、フォーム
- 使用言語
- HTML/CSS/JavaScript/GSAP
- 開発ツール
- Visual Studio Code、Figma
- CSS設計
- BEM
- 説明
-
加入しているWeb制作パーソナルサロンの模擬案件。
架空ではありますが納期設定からアニメーション指示まで実案件相当のLPです。
こだわりポイント：一定量スクロールするとメニューが切り替わる、SPメニューがボタンから広がるようフェード、FV下セクションのstickyを使用したテキスト固定と画像のフェード、data属性を用いたクリックによる画像の切り替え