ANIMATED TOGGLE SWITCHES in Pure CSS Tutorial

Learn how to style up some boring old checkboxes into some nifty animated toggle switches in pure CSS only, no JavaScript whatsoever!
Part two: • Toggle Switches Part 2...
Get the code here: github.com/Gee...
GeekLaunch produces educational videos covering such topics as Linux, web development (including HTML5, CSS 3, JavaScript, and PHP), Java programming, tips for power users, among many others. Subscribe: New video every Wednesday!
Not a geek? Start today!

[@webtutorials2398]

Toggles are really important these days. Big thanks for this tutorial.

[@GeekLaunch]

Thanks for watching!!

[@yulyachernomorskaia3506]

Thank you so much🤗

[@devcreed8175]

That was quick and helpful. Thanks a lot.

[@GeekLaunch]

+Nikhil Tari For sure! Thanks for watching!

[@app8071]

I enjoyed it!

[@GeekLaunch]

+Amit Prabhu Parrikar I'm glad to hear it!

[@a.n.7338]

i have a question like can u put css js and html in c# windows form like can you use it???

[@GeekLaunch]

I unfortunately don't have enough experience with C#/Windows Forms to be able to give you a definite answer. On instinct, I'd recommend against trying to use web technologies in an application intended to run natively, as that will add significant unnecessary overhead. However, if you're unable/unwilling to learn new technologies or don't care about the performance loss/overhead, check out Electron (electron.atom.io/).

[@alergeo1]

Awesome!

[@GeekLaunch]

Thanks for watching!

[@premier69]

thank you!
appearance: none; ?!
isn't it:
display: none; ?

[@GeekLaunch]

+premier69 setting appearance to none removes the native styling from the checkbox. However, it's not very cross browser. See part two for the fix to that: ua-cam.com/video/KI9mXxx4x04/v-deo.html

[@premier69]

so it's like what normalize.css does?

[@GeekLaunch]

Hmm, doesn't look like it: github.com/necolas/normalize.css/blob/master/normalize.css#L368

[@ganialfian2166]

sorry about this, i mean what software are you using?

[@GeekLaunch]

The web browser: Opera
The text editor: Atom
The screen recorder: Open Broadcaster Software
The video editor: Kdenlive
The operating system: Fedora
The programming languages: HTML, CSS

[@ganialfian2166]

+GeekLaunch thank you so much

[@GeekLaunch]

Absolutely! Hope I helped you out! :)

[@ganialfian2166]

+GeekLaunch i'm a beginner's atom beginner and want learn it more far

[@ganialfian2166]

+Gani Alfian *beginner's atom

[@ganialfian2166]

What kind the software?

[@GeekLaunch]

Sorry, I'm not quite sure what you mean - which software are you asking about?