CSSでチェックボックスアニメーション

CSSでチェックボックスアニメーション

CSSだけでシンプルなアニメーションのチェックボックスを実装する簡単なサンプルコードを記述してます。

環境

  • OS windows10 64bit
  • chrome 86.0.4240.198

サンプルコード

label span:before, label span:after でチェックの形を生成してます。

結果

ブラウザ上で表示した結果