下のバーが消え残りのバーでバツになるメニューアイコン

MATEREATE INFORMATION

jQueryを使用したユニークな動きをするメニューアイコン素材です。ただクリックをしたら、「×」になるのではなく、それぞれのバーが消えたり、回転したりと多彩なアニメーションをします。メニューアイコンにちょっとしたアクセントが欲しいという方はぜひご利用ください。

素材の詳細

メニューアイコンのノーマル時のデザイン
通常時

バーが3つ並んだけのシンプルなデザインのメニューアイコンですが、クリックするとアニメーションし「×」へと変化します。

メニューアイコンのクリック後のデザイン
Click時

下のバーが左にスライドして消えます。上と真ん中のバーがそれぞれ回転しながら華麗にアニメーションし「×」となります。