Состояния меняют цвет или размер элемента, добавляют ему рамку, делают более интерактивным, выделяют и указывают на его назначение. Интерактивные элементы веб-страницы живут не сами по себе, а в зависимости от действий пользователя. В статье разбираем три базовых состояния элементов: при наведении курсора, при фокусе управления с клавиатуры или тач-устройства и в активном состоянии при нажатии. Показываем, как с помощью соответствующих правил стиля управлять внешним видом кнопок и ссылок в каждом из этих случаев, чтобы интерфейс был понятным и удобным в использовании. 🎁 Читать статью
CSS-псевдоклассы задают элементам состояния, которые реализуются при определённых действиях пользователя. Состояния меняют цвет или размер элемента, добавляют ему рамку, делают более интерактивным, выделяют и указывают на его назначение.
Интерактивные элементы веб-страницы живут не сами по себе, а в зависимости от действий пользователя. В статье разбираем три базовых состояния элементов: при наведении курсора, при фокусе управления с клавиатуры или тач-устройства и в активном состоянии при нажатии. Показываем, как с помощью соответствующих правил стиля управлять внешним видом кнопок и ссылок в каждом из этих случаев, чтобы интерфейс был понятным и удобным в использовании.
