『動くWebデザイン アイディア帳』
https://www.socym.co.jp/book/1228
で学習

アニメーションがあまり好きではないので、逃げないように、少しずつ写経して、できることを増やす

5-2 ハンバーガーメニュー
5-2-1 三本線がｘに
を写経

コード
https://codepen.io/asakon/pen/YzrabEq

button要素のリセットはたしかにめんどくさい（パターンを覚えれば良いだけ？）だが、このマークアップでいいんだろうか。。。せめてaria-rollだったかな、それをつけておいた方が良さそうだが…。ここら辺、常に用意しておかないと実務で余裕をなくしているときにはできなさそう。