アニメーションエフェクト付きのチェックボックス | かちびと.net

Result チェックするとチェックボックス内でチェックマークがアニメーションしながら表示されるのと、labelのテキストが上にスライドインする、というもの ちょっと凝りすぎてる感ありますがコードは参考になるのでメモ css input[type='checkbox']{ height: 0; width: 0; } input[type='checkbox'] + label{/*ラベルのスタイリング*/ position: relative; display: flex; margin: .6em 0; align-items: center; color: #9e9e9e; transition: color 250ms cubic-bezier(.4,.0,.23,1); } input[type='checkbox'] + label > ins{/*チェック時に浮かび上がるテキ