• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

CSS Toggle Switches

digitalpoint

Well-known member
#1
You can make some pretty slick toggle switches with form controls in pure CSS (no JavaScript used at all).

As an example I use them here: https://outgress.com/portals/ (the green distance option and the grey toggles at the top are basically radio buttons underneath it all).

Some other examples: https://ghinda.net/css-toggle-switch/

Could be used for checkboxes, radio buttons, tabs, etc.

Did I mention there's no JavaScript needed and that it's purely CSS styling? lol