#043 八屋 HACHIYA

投稿日: 2020年4月25日 6:01 AM repel-1219 コメント

日本茶スタンドカフェ八屋のサイト
メインビジュアルは背景画像の位置をビューポートの中に固定し
TweenMaxでアニメーションさせています。
要素のサイズに合わせて背景画像を設置するbackstretch、
画面のスクロール位置に応じて必要な分だけ画像を取得する
遅延ロードライブラリLazyLoad、アニメーションさせるinview、
文字詰めのFLAutoKerningなどが使用されています。
また、Instafeedで写真を動的に配置しています。
ファーストビュー右下のドロワーメニューのボタンは
マウスオーバーでアクションします。