I needed three-way switches for a survey tool I was building for a site of mine, starwarsrumors.com. I wanted a certain overall experience with these. Ultimately, three-way switches are a little more involved than a regular switch, and I wanted to have a default center and not allow for them all to be 'off'. The following code is what I came up with.
Also, check out Pure CSS Three-Way Switches Part 2, that add some different styling, and JavaScript Survey Sample with Pure CSS Three-Way Switches, that added basic JavaScript survey functionality and more of a slider look.
Also, check out Pure CSS Three-Way Switches Part 2, that add some different styling, and JavaScript Survey Sample with Pure CSS Three-Way Switches, that added basic JavaScript survey functionality and more of a slider look.
See the Pen CSS 3 Way Switch Buttons by Mike (@DarkMG73) on CodePen.
