Переключатель на CSS - UI-элементы

📋 Кратко, о чем это видео

В этом видео мы создадим простой переключатель на чистом CSS. Работа переключателя основывается на checkbox. При том, что чекбокс присутствует в разметке мы его полностью убираем из видимой части браузера. В работе ему помогает тег label, который мы связываем с чекбоксом и меняем стили при состоянии :checked.

––––––––––––––––––––––––––––––

📌 Полезные ссылки

Стартовый проект ➝ https://github.com/toni-wheel/youtube-base-project
Результат из видео ➝ https://github.com/toni-wheel/youtube-switch

––––––––––––––––––––––––––––––

🕒 Таймкоды из видео

0:00 Демонстрация переключателя
0:33 Разметка для переключателя
1:36 Стилизация переключателя
4:34 "Оживляем" переключатель
6:20 Завершение