• 操作
  • ハンバーガーメニュー

#hamburger menu 008

センターで分割される

動きの解説

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

※参考サイトは公開を終了しましたが、アーカイブとして引き続き掲載いたします。