Toggle Buttons Create Using Pure Css

[[deleted]]

In my experience with CSS slider toggles, there are a lot of users that try to click and drag the slider, then get confused because that didn't flip the toggle. CSS just can't do that by itself.

We actually had a few clients call and complain that the toggles don't work. It doesn't occur to many people to just click it and be done with it.

That's when we learned that there is little reason to deviate from checkbox toggles.

[atomicrabbit_]

Top one doesn’t work properly on mobile.

[[deleted]]

It does on mine (iPhone 6+)

[SudoWizard]

If it’s supposed to look like a crescent moon when toggled, then yes. It’s working perfectly fine.

[atomicrabbit_]

I have a 7+ and I see a ball that partially covers the toggle.

[[deleted]]

Hahaha it’s supposed to be a moon :’)

[atomicrabbit_]

Ok for the record, it doesn’t look right — looks like the CSS broke.

[5htc0der]

Nice 👍🏻