真ん中のバーが消え上下のバーが×になるメニューアイコン

MATEREATE INFORMATION

メニューアイコンをクリックでオシャレにデザインが変化するアイコンの無料Web素材です。3つのバーのうち真ん中のバーが消え、残りの上下のバーで「×」となるアニメーションをします。オシャレにデザインが変化するメニューアイコンで、サイトメニューにアクセントを入れることができます。

素材の詳細

メニューアイコン変化中のデザイン
アニメーション中のデザイン

よく使用されている3つのバーが並んだアイコンデザインです。クリックすることでアニメーションを開始し、デザインが変化します。

メニューアイコン変化後のデザイン
アニメーション終了時

真ん中のバーが消えつつ残りの上下のバーで×となります。再びクリックをすると、元の3つのバーのアイコンに戻ります。