Makzan / I share what I learned

CSS Toggle Switch

Link: CSS Toggle Switch

Screen Shot 2015-12-15 at 11.17.46 PM

The beauty of this CSS toggle switch is that it is accessible when JS/CSS is not available. The following is the HTML it uses.

Which works when in HTML-only environment.

Screen Shot 2015-12-15 at 11.17.24 PM

I also demonstrated a customized checkbox.


Published on 2015-12-15. More articles like this:
- Clip & Quote
- CSS
- Web Technologies

Previous <- Link: How to animate “box-shadow” with silky smooth performance
Next -> Demo of autolayout differently in portrait and landscape

📬 Subscribe to Makzan’s Weekly Dispatch

Want productive tips and web technologies links like this in your inbox each week? Sign up for weekly dispatch each week. No spam ever. Just useful content:

What to expect: If you wish to withdraw your consent and stop hearing from us, simply click the unsubscribe link at the bottom of every email we send or contact us at mak@makzan.net. We value and respect your personal data and privacy. To view our privacy policy, please visit our website. By submitting this form, you agree that we may process your information in accordance with these terms.