В данной статье вы научитесь создавать навигационную панель с анимированными кнопками-иконками. Вдохновением послужил этот пример. Конечный результат: Подготовка Основная часть работы выполняется в Vue...

Каждое из состояний имеет свое название и применение. Они позволяют пользователю понимать, что происходит в интерфейсе и что произойдет после нажатия на кнопку. Default (обычное состояние) Это состояние кнопки по умолчанию. То есть, с ней ничего ещё не произошло. Кнопка имеет стандартный вид и цвет. Hover (состояние при наведении) Используется при наведении курсора мыши на кнопку. Она может изменить цвет, можно добавить анимацию. Так пользователь будет понимать что кнопка активна и после нажатия что-то произойдёт...