Ховер по умолчанию

Во всех макетах я использую единый принцип выбора цвета для гиппертекста и подчёркивания:

  1. Берём за основу любой базовый цвет, например #2A7CBF
  2. Разбиваем на 10 оттенков:

Из палитры берём три цвета:

  • 100% — для гиппертекста
  • 30% — для бордера в состоянии нормал
  • 80% — для бордера в состоянии ховер

Всё.

Иногда в макетах ссылки при ховере меняют цвет. В таком случае проделываем тоже самое для двух базовых цветов:

В CSS формируйте цвет как вам удобней: через RGBA или HEX. Главное — выдерживать принцип.


Резюмируем:

Поделиться
Отправить
Подпишитесь на  мой канал в телеграмме, чтобы не пропустить следующую статью.
Популярное