• Теория
  • Теория

Радиокнопки, шаг 1

Давайте теперь займёмся радиокнопками. С помощью переходов мы можем анимировать момент их выделения.

Тут мы снова воспользуемся приёмом :checked ~, а также будем задавать переходы для псевдоэлементов.

Сначала создадим радиокнопки и подписи к ним, затем скроем радиокнопки, а подписи оставим. В качестве «кружков» радиокнопок будут выступать псевдоэлементы подписей label::before. Для них стили уже готовы.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Плавные переходы» тренажёра «Интерфейсные анимации» можно после регистрации и оформления подписки.