view_mode =

1/

all_categories=

PC表示

ページ下部に固定されたヘッダー代わりのロゴとハンバーガーメニュー。

そのまま固定されているだけかと思いきや、最下部に到達すると同時にフッターメニューに変化する。

展開時の動きはclip-pathを使用しており、扱いが難しいとされるwill-changeも同時に使用することでよりその滑らかさを実現している。

スマホ表示

SP版も、フッターの表示方法はPC版と同様。

ヘッダーではなくフッターメニューに力を入れる表示方法というものをあまり見たことがなく新鮮かつ今後の動きにも取り入れていきたい動作の一つと言える。

株式会社Zero-Ten(ゼロテン)

https://zeroten.jp

credit=