Create A ON-OFF Bulb With Just A Checkbox | CSS Customized checkbox | CSS Tutorial

In today's video, learn how to create a customized checkbox with CSS.
_
🔥My Instagram🔥
_
🎥Tools Used🎥
Sublime Text Editor.
'Browser Sync' Plugin for live coding.
Showmore Screen Recorder.
_
🎵Music🎵

[maoitsme]

It would have been easier using javascript's onclick event and a small function with if statements.
For example:


<div id='bulb' onclick='onoff()'></div>

<script>
var bulb =

function onoff() {
if (bulb.style.backgroundColor === "yellow") {
bulb.style.backgroundColor = "white"
} else {
bulb.style.backgroundColor = "yellow"
}
}
</script>

[urrova]

Esta buenisimo! Nunca supe eso de input:checked O lo de input [type="checkbox"] muchas gracias!

[professorspace]

Awesome video as always!
Please make a video on flex positioning in CSS!
I want to learn that

[geekofia]

Hard Work ... 😍
Love it & so for music ...!

[invictuz]

Very neat graphic and sweet code-along! I was hoping for the animation to be a little more realistic though.

[alitarek]

Wow awesome mitali keep coding
It's me again ps:my name is Ali
A small question pls
What is the different between <article>and<div>and <span>😀😊

[alitarek]

Congratulations almost there 1k subscribers 😍😍🎉🎉🎉

[madhavjha]

Another amazing code....and ....soon to reach 1k

[geekofia]

You are about to hit 1k sub ... good job.😊

[saidharshan]

Explain something 😮😮 i donot understand

[litchyt]

can you please send the code to me that would be really grate thanks in advance!!

[ratnakarrockzz]

I want help for u to me plz help how to start YouTube channel.

[Ahmedinho]

Mitali can you please send me the code?