skip to content

Weekly Widget - Simple CSS Checkbox


Today's featured widget is a simple CSS checkbox, which happens to be my most viewed and highly rated pen on codepen.io. It perfectly demonstrates the "checkbox-hack", achieving a pure CSS toggle effect:

See the Pen Simple CSS Checkbox by Tristan White (@triss90) on CodePen.

I've since expanded on this concept, largly focusing on accessibility and progressive enhancement. You can see the snippet here.