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

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

メニューアイコンをクリックでオシャレにデザインが変化するアイコンの無料Web素材です。

3つのバーのうち真ん中のバーが消え、残りの上下のバーで「×」となるアニメーションをします。

オシャレにデザインが変化するメニューアイコンで、サイトメニューにアクセントを入れることができます。

MOTION

DEMO PAGE

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

のデモページとなります。

様々な動作をご確認の上ご使用ください。

CODING VIDEO

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

・どのように素材が出来上がるのか

・どういったカスタマイズが可能なのか

など勉強素材としてもご視聴ください。

MATERIAL

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

クリックすることで3本線のシンプルなアイコンからバツマークへと変化します。

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

真ん中の線がフェードアウトしながら消えます。

それと同時に残りの上下の線でバツマークを表示します。

DOWNLOAD

バージョン
1.0.0
公開日
2021年10月9日
ファイルサイズ
3 KB
ダウンロード数
22回