Как сделать переключатель Switch toggle на HTML CSS. Переключатель на веб-странице.

Исходники: boosty.to/reac...
Ссылки на исходный код публикуются на Boosty
boosty.to/react
Здесь видео появляются раньше. Тут я провожу опросы и выкладываю дополнительные материалы.
RuTube
rutube.ru/chan...
VK
frontendk
Zen
zen.yandex.ru/...
Метки: Web, HTML, CSS, верстка, Javascript, js, Typescript

[@blazedenshinobu]

Спасибо БОЛЬШОЕ !!! Очень круто получилось. Думал, что это сложно, а оказалось нет. Frontend всё больше завлекает)

[@adam43494]

Спасибо большое, давно хотел узнать, как делают такие слайдеры) Оказывается ничего сложного)

[@Kirill-br7zi]

СУПЕЕЕР! Спасибо!

[@user-jx5re7yv7i]

Спасибо большое!

[@theoty-js]

Прикольный toogle

[@ADA-yl3dm]

при уменьшении масштаба переключатель ломается (кружок сползает то вверх то вниз)

[@user-jk9wc5km7q]

Честно говоря, не очень понимаю как он у вас работает, т.к в label даже не указан атрибут for а сам выключатель имеет нулевые размеры. Подскажите пожалуйста...

[@peka069]

Лейблу не нужен for если внутри него лежит input который к нему должен быть привязан

[@front-rud]

Спасибо большое!