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