ボタンクリックでアイコンの形を変更します。アイコンの形はCSSの::after、::beforeで作るシンプルな三本線です。

ハンバーガーボタン

See the Pen 【05-01-06】ハンバーガーボタン by jun (@zionboogie) on CodePen.

スライドメニュー

See the Pen 【05-01-07】スライドメニュー by jun (@zionboogie) on CodePen.

ハンバーガーメニューとスライドメニュー

See the Pen 【05-01-08】ハンバーガーメニューとスライドメニュー by jun (@zionboogie) on CodePen.