DATA
-制作内容
コーポレートサイト（トップページのみ）,レスポンシブ対応
-担当範囲
コーディング
-使用技術
HTML, Sass(CSS）, jQuery
-作業時間
15時間
デモサイトはこちらhttps://pf08.sassy-make.com
※Basic認証にてアクセス制限をかけております。
User: stskn
Pass: 3104
ABOUT
Photoshopデザインカンプをもとに、HTML/CSSコーディングしました。
CSS設計手法BEMを取り入れ、保守性を重視しコーディングしました。
メインビューにはSwiperを使用しCSSアニメーションにてZoom-inしながらの画像切り替えを施しています。
ページイン時にCSSアニメーションでシャッターアニメーションを施しています。
ページ内の画像、テキストはScrollReveal.jsを使用しアニメーションをつけました。