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 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.