アニメーションの調整 もう少し動きをつけたい場合は、線の角度の変化を大きくします。 デザインモードに戻り、Closeステートを編集します。 右側の線の角度を135°に、左側の線の角度を225°に設定します。 再度プレビューウィンドウで確認すると、線 4ころっと転がるハンバーガーボタン 一本一本のラインが独立して動く、面白いアニメーションです。 ふわっと出てくるメニュー See the Pen ころっと全体 by webpaisen on CodePen 上から出てくるメニュー See the Pen ころっと上から by webpaisen on CodePen CSSでアニメーションを実装してみよう！ ハンバーガーメニュー（三本線）編 mosです。 マークアップエンジニアとして2年が経ちました。 JavaScriptを使ったアニメーションを実装する状況が訪れると思います。 しかしJavaScript未経験の方は「プログラミング
アニメーション付きのハンバーガーメニューを簡単に設置できるスタイルシート Hamburgers Techmemo
