CSS & Javascript Toggle Button | Dark and Light Mode

Enroll My Course : Next Level CSS Animation and Hover Effects

Another Course : Build Complete Real World Responsive Websites from Scratch
------------------
Join Our Channel Membership And Get Source Code of My New Video's Everyday!
------------------

------------------
give proper credit if you repost this on other social media platform
------------------
Inspired By This : Creative CSS Custom Checkbox Design Tutorial For Beginners | CSS Effects
------------------
------------------
Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use

[prakharsoni]

The best part is that before switching how the button looks like it is little raised or little sunk and then it kind of casually flicks

[davidm.]

Cuidas hasta el más pequeño detalle, sombras, aspectos del relieve... fantástico! 👏🏻👏🏻

[it__karnalkumarverma]

The best toggle I ever seen. Thanks for so much.

[sinatajik]

The best toggle i ever seen. Thanks for tutorial

[GuriSan]

Esta muy bueno!! Muchas gracias por el video tutorial =)

[xyunsx]

thank youuu
can you please tell me what extensions you use in vs code and howa you make the font style in vs code like that !

[zeljkostevanovic]

Simple and nice. 👍
Greetings from Serbia!

[maksimburak]

Can this logic be applied to the bootstrap toggler nav? Since my nav bar is transparent on small screens I used jquery to add and remove bootstrap classes, however if you are at the top of the page and press on the toggler all items are clear. So ideally if you press the toggler while its still clear it would add classes bg-dark

[hamzamubashir]

i love this project . i get alot of information

[rickyjonathan]

Can u make tutorial for image slider with slide up hover so when the image pointed it will slide up some text. Thx mannn

[Code_ahead]

Sir you work is appreciable 🙏..
Please provide the proper link of your resources that you are using.
I tried to practice, because of the link I am unable to find that perticular image and all that's why I have to drop my plan..
Please upload the image that you are using in drive and provide the link of your drive, that will be very helpful for self learning students like me please 🙏

[circuitertamil-circuiter]

my expected one from OT
Dark- light mode.

[dx]

1st commentbhaiya aaj kal 1st comment nahi kar paa raha tension hai ghar par sab quarantine hai mai bhi par mai roz raat ko apki video dekhta hun aur bhaiya please try karo ki discord server banao mai twitter, fb nahi chalata hun isliye please discord server link. but ye sahi tha video thankyou!!!.

[attack]

Great ! I can creat it with css only .

[Gongodler]

But how it works, if you place your Button Toggle on the Navbar, which is in a different container than the content?

[MiguelAngel-mfyu]

because to the body you also put classlist.toggle ('toggle'), why did you put it?

[strangerdawnvods]

Great guide, however I was wondering how you can put this into JavaScript. You have a script in HTML, but when I try to copy and paste it into JavaScript, the toggle no longer works. How can I fix this?

[I_Sharanu]

Can any tell Best Web developement Practice Site

[lyhoknw]

I want to do Project for test
And i cant use JS
You can five me few Good ideas for News Page, or loffi page

[wrtgmub]

How to get rid of the transition effect when reloading a