ホバー時二本線になりクリックでバツ印に変化するハンバーガーメニュー

ホバー時に真ん中の線を「opacity:0;」で消し、「checked」疑似要素を使用してチェック時に「opacity」「transform」プロパティを変化させてます。

css ハンバーガーメニュー

関連パーツ