this should get more likes, because its true

can you write it I dont understand

@@MrHouloul Ok I'll try. The markup in this tutorial is ... ... what I suggest doing instead is: ... ... Then you can hide actual input like this: .hidden-input-part:not(:focus):not(:active) { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; border: 0; clip: rect(0 0 0 0); } and change selectors from this video like this: input[type="checkbox"] ---> .hidden-input-part + .visible-input-part input:checked [type="checkbox"]---> .hidden-input-part:checked + .visible-input-part input[type="checkbox"]::before ---> .hidden-input-part + .visible-input-part::before input:checked[type="checkbox"]::before ---> .hidden-input-part:checked + .visible-input-part::before There are like 5 more way to do this correctly that I know about, this one is just my go-to method.

btw, it's obvious

+Vijay Gohil ok

Great

fx

im not sure that it will work, but try "z-index: 1;"

Bob Suk yeah and a display:none on the checkbox element would be way better

@@ewenlbh TRUE

Si

Make sure your code is absolutely the same - every character, every space. If it doesn't work then post your code here in a reply.

HTML: Style Checkbox with CSS CSS: body{ margin: 0; padding: 0; background: #f3f3f3;} .center{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} } input[type="checkbox"] { position: relative; width: 80px; height: 40px; -webkit-appearance: none; background: #c6c6c6; outline: none; border-radius: 20px; box-shadow: inset 0 0 5px rgba(255, 0, 0, 0.2); /*transition: .5s;*/ } input:checked[type="checkbox"] { background: #03a9f4; } input[type="checkbox"]:before { content: ''; position: absolute; width: 40px; height: 40px; border-radius: 20px; top: 0; left: 0; background: #0400ff; transform: scale(1.1); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); transition: .5s; } input:checked[type="checkbox"]:before { left:40px; }

no me funciona lo copie tal cual lo vi en us video y no me hace las transiciones correctamente. no tube ningun error al copiarlo. que esta pasando?