ラムネ 京都 美容室（模写）

ラムネ 京都 美容室　様のコーポレートサイトをwordpressで模写コーディングしました。
トップページ、ブログの個別ページ、ブログ一覧ページの3ページ作成しました。
ふわっと表示されるものや、カーテンのように開く動きなど、複数のcssアニメーションがページ全体に使用されているのを再現しております。
トップページ中部にあるSTYLE部分に設置しております画像については、クリックするとモーダルで開く仕様になっております。

使用スキル

html / css(scss) / javascript / wordpress / gsap

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

• レスポンシブ対応
• スクロールアニメーション
• 一文字ずらして表示させるアニメーション
• 画像や動画をカーテンのように開くアニメーション
• ローディング画面対応
• モーダルウィンドウの設置

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