- Теория
- Теория
Радиокнопки, шаг 1
Давайте теперь займёмся радиокнопками. С помощью переходов мы можем анимировать момент их выделения.
Тут мы снова воспользуемся приёмом :checked ~
, а также будем задавать переходы для псевдоэлементов.
Сначала создадим радиокнопки и подписи к ним, затем скроем радиокнопки, а подписи оставим. В качестве «кружков» радиокнопок будут выступать псевдоэлементы подписей label::before
. Для них стили уже готовы.
Хотите досконально разбираться в разметке, знать о доступности, строить сетки на флексбоксах? Записывайтесь на профессиональный курс «HTML и CSS. Профессиональная вёрстка сайтов». Цена 8000 ₽.
Минимальный вид табов
- index.html
HTML
HTML
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
100%