CSS実案件で頻出するナビゲーションなどのリンクホバー時に作動するエフェクト・アニメーションを備忘録としてまとめます。CodePen.ホバーするとアンダーラインが左から右に引かれ、ホバーアウトすると左に戻っていくタイプです。CodePen.ホバーするとアンダーラインが左から右に引かれ、ホバーアウトすると右に消えていくタイプです。CodePen.ホバーするとアンダーラインが中央からテキストの横幅100%まで広がり、ホバーアウトすると中央に戻るタイプです。まとめ今後も頻出するパターンを発見したら追記していきます。CSS【CSS】ハンバーガーメニューボタンの作り方CSSでハンバーガーメニューを作る方法を解説します。NKMR2021年5月11日CSSCSS【CSS】トグルボタンの作り方CSSでトグルボタンの作り方メモ。