Переключатель на CSS - UI-элементы
TIP! Right-click and select "Save link as..." to download.
📋 Кратко, о чем это видео
В этом видео мы создадим простой переключатель на чистом 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 Завершение