DELTAN ORDER（模写コーディング）

ラムネ 京都 美容室　様のコーポレートサイトをwordpressで模写コーディングしました。
トップページ、応募フォームページの2ページ作成しました。
ふわっと表示されるものや、動画背景の設置、コンテンツごとの境目に動画に馴染むグラデーション背景の実装も再現しました。
またSP時に、対応機種一覧部分をスライダー表示に切り替えております。

使用スキル

html / css(scss) / javascript / gsap

ご参考までに（主な機能）

• レスポンシブ対応
• スクロールアニメーション
• スライダー機能設置
• 背景に動画設置

トップページ全体イメージ