はじめに
今回は、前回制作したコードを用いて、ハンバーガーメニューの動きパターンを２つ考えてみました。
くるっと回転するハンバーガーメニュー
See the Pen くるっと回転するハンバーガーメニュー by Uka Suzuki (@uukasuzuki_) on CodePen.
真ん中の線が飛び出してクロスするハンバーガーメニュー
See the Pen 真ん中の線が飛び出してクロスするハンバーガーメニュー by Uka Suzuki (@uukasuzuki_) on CodePen.
今後の課題
レスポンシブ対応時にもっと滑らかな動きができるよう理解に努めます。
まとめ
次回は、操作性の確認と様々なパターンを考えていきます。