HTML/CSS/JS Toggle Button Tutorial

In this tutorial, I will show you how to create a simple toggle button using a single HTML element, some vanilla CSS, and a little JavaScript!

I also cover a few tips on how you can further style the resulting button.

---

You can also purchase my designs and grab prints, t-shirts, mugs, hugs... okay maybe not hugs, at:

---

[rolandixor]

Small correction! Where I said -webkit-fit content around 10:00 or so, it should've been -moz-fit-content. It's supported natively in Chrome but not Firefox. There may have been another issue at play here, such as the display property of the psuedo-element.