CSS Only Checkbox into Material Design ToDo List

Image: CSS Only Checkbox into Material Design ToDo List GIF

This is a simple material design inspired Todo list in pure CSS by SaFou SaRah. It takes a list of checkboxes and turs them into a todo list.

If you are having trouble with the pen, try the archived copy on GitHub

CSS ToDo List Snippet

See the Pen CSS3 To-Do List by SaFou SaRah (@safousarah) on CodePen.default

Posted by:Saijo George

Digital Marketer with a strong focus on technical SEO and design. One of the top 100 makers on Producthunt, co-organizer of the SEO Meetup in Melbourne, an instructor at General Assembly. Worked with brands like Envato, AEON. Currently the SEO Strategy Director at Supple.