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

Чекбоксы, шаг 1

Теперь давайте займёмся усовершенствованием чекбоксов. Воспользуемся приёмом с :checked ~ из задания части про селекторы снова.

Для начала добавим в разметку чекбоксы и подписи к ним, а потом спрячем чекбоксы.

Затем с помощью псевдоэлемента ::before у подписей сымитируем чекбоксы с нужным внешним видом: маленькие квадраты с тёмной границей. Стили для псевдоэлементов уже заданы в коде.

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

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

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

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

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

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