ハンバーガーメニューはスマホなどでは必須のアイテムです。機能が一番大切なのですが、動きを装飾するとオリジナリティがあっていいと思います。色は自由に変えられます。

Menuの文字で表現

See the Pen Hamburger_menu_to_close by kzk (@yrnosajx-the-bold) on CodePen.

上に消える

See the Pen Hamburger_jump by kzk (@yrnosajx-the-bold) on CodePen.

背景色変化

See the Pen Hamburger3b<>xw by kzk (@yrnosajx-the-bold) on CodePen.

フワッと

See the Pen Hamburger_fadein<=>out by kzk (@yrnosajx-the-bold) on CodePen.

ベーシック二本線

See the Pen Hamburger2<=>x by kzk (@yrnosajx-the-bold) on CodePen.

背景なし、回転

See the Pen Untitled by kzk (@yrnosajx-the-bold) on CodePen.

背景なし、回転強め

See the Pen hambarger_rotate_transparent2 by kzk (@yrnosajx-the-bold) on CodePen.

背景なし、常に動く

See the Pen Untitled by kzk (@yrnosajx-the-bold) on CodePen.