Simple Toggle Switch

Published on
Tags
CSS3 Transitions, Form, Switch, Toggle, Checkbox
No. of comments
6 comments
Browser compatibility
Firefox 4, Safari 5.1, Chrome 14, Opera 10, IE 9
License
MIT License

A simple toggle switch with subtle shadows and details.

Original PSD by Luke Etheridge.

6 comments

BRW said
C5555c8125c681c819dacebf45427ee9

Nice ;)

Lana said
59561ee5931a62e420a71561be36bc89

Cute

Jacky Dao said
A92c81aac6674c13204b021de506fc84

It great.
But, i have problem with ie 8 and ie 7.
Can you make it work on ie 8 and ie 7 ?
Thank you so much.

Pierre said
B5f91dbbfba2aff1edf1ce5b875a06d1

It seems Bootstrap breaks your wonderfully elegant control. I've tried to track it down but Couldn't find out why. It would be great if you could fix this.
http://codepen.io/shotspotter/pen/pbJms

TBD said
6199148a77bdd2ae9d56c1315614ff29

how to access "checked" and "unchecked" states of checkbox element. I tried with jQuery but NO checkbox attr being set when the switch is toggled. Am I missing something?

Leave a comment