codepens/animated-fill-and-strikethrough-checkboxes

Animated Fill and Strikethrough Checkboxes

A Pen created on CodePen.io. Original URL: https://codepen.io/jkantner/pen/QWKydLJ.

A checkbox concept where the unchecked state is secretly a square covering the checkmark. When checked, the fill is shaped into a line and penetrates the label text. The reverse happens when unchecked again.