Create an Animated Toggle Switch Button in CSS for Your Website 🔥

[@brucewayne252]

At 4:40 we need more explanation. Like how did that happen, how does the properties work together to align items in that way?

[@WebDevXpert]

Create an Animated Toggle Switch Button in CSS for Your Website 🔥: th-cam.com/video/2WxO8OsLXzI/w-d-xo.html

[@kassarsamaj]

thanks sir 👌👌👌👌

[@komaldas1555]

It's easy 😮🥳thanks

[@rajumali5340]

Thanks sir

[@satyapriyobiswas7900]

Nice and useful

[@Ajitcodermern]

Sir microservices one video create kariye using MERN and project

[@dishayadav1903]

please Create Python Full Course 🙏 🥺

[@pradipbhoskar2180]

please.. make tutorial series on react flow

[@bikrambhatta943]

thank you dai ani aba feri dark mood website make

[@taiyebkhan2925]

Sir app aap ne single colon :after use kia h firbi work kr rha h explain pls

[@coder40208]

Sir react ka new tutorial lawo 2023 new features ke satha thank you

[@rishiraj2548]

👍💯💯

[@coder40208]

Or ek Instragram website ka video laiye html css

[@Abhijit.Ghosh20]

Why not height :: 10px ?? What is the functionality of "Vh"

[@visheshmp]

10px is absolute value it means it doesn't really depends upon height of the window.. but vh is view height it means relative to screen height. so if we are writing 10vh it means 10 percent of screen height.

[@tuntunichidiyashorts.]

bhai vs code fully free hai student hone ki bhi jarurat nahi

[@amitkumarjha3809]

Mene ise kuchh is tarike se kiya jo ki isse bhu jyada aasaan hai.




* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
#switch {
appearance: none;
height: 25px;
width: 25px;
background-color: white;
border-radius: 50%;
}
div:has(#switch:checked) {
background-color: blue;
padding: 3px 0 3px 22px;
}
div:has(#switch) {
background: #afacac;
height: 30px;
width: 50px;
border-radius: 30px;
padding: 3px 0 3px 4px;
transition: padding 0.1s linear;
}

[@amitkumarjha3809]

* {
margin: 0;
padding: 0;
box-sizing: border-box;
border-color: inherit;
color: inherit;
background-color: inherit;
}
body:has(#switch:checked) {
background-color: black;
color: white;
border-color: white;
}
#switch {
appearance: none;
height: 25px;
width: 25px;
background-color: white;
border-radius: 50%;
}
div:has(#switch:checked) {
background-color: blue;
padding: 3px 0 3px 22px;
}
div:has(#switch) {
background: #afacac;
height: 30px;
width: 50px;
border-radius: 30px;
padding: 3px 0 3px 4px;
transition: padding 0.1s linear;
}
Ye wala dark-mode ke liye hai.

[@yashnarvariya4725]

Hey please tell me how to add some text near that switch

[@VINAYMAIDA]

But mobile

[@mohitkashyap6379]

aap youtube se kitna kamaate ho?

[@pukhrajsaini9730]

Bhai 1000 usd par year 😂