- 操作
- ハンバーガーメニュー
#hamburger menu 008
センターで分割される
- 動きの解説
-
画面が中央から左右(または上下)に割れてメニューが現れる動きは、扉が開くような「招待」の演出や、舞台の幕開けを連想させます。強いインパクトがあり、劇的な効果を狙うキャンペーンサイトやエンタメ系コンテンツで効果的です。画面を覆う2つのパネルを左右へtranslateXで移動させます。背面のコンテンツがいきなり現れるため、メニューを閉じる際もスムーズに元のパネルが閉じるよう、逆再生のアニメーションを丁寧につ作り込むことが、体験の質を担保します。
※参考サイトは公開を終了しましたが、アーカイブとして引き続き掲載いたします。