Checkbox to Tick Animation on Click

Image: Checkbox to Tick Animation on Click GIF

Here is a snippet that transforms a checkbox into a tick-mark on click, as seen on studio.zeldman.com. It will be great for you to-do list or checklist style content.

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

Checkbox to Check-mark Snippet

//jsfiddle.net/uynwauh9/embedded/result,js,html,css/dark/

Posted by:Hima Vincent

Hima Vincent is the founder & editor in chief of CodeMyUI. She is a writer by day and a reader by night who helps web designers build awesome projects by sharing amazing code snippets for inspiration. Hobbies include designing, card games, photography and exploring the culinary arts.