@byulent

Как сделать в Figma hover-эффект с изменением прозрачности?

Захотел сделать с помощью Figma дизайн меню, подобного меню на сайте Bootstrap. Там текст пункта меню при наведении курсора становится более прозрачным.
В фигме я сделал два мастер-компонента: для стандартного состояния и для состояния при наведении. Дальше я пробовал организовать смену этих состояний через Swap With..., однако в данном случае при наведении на пункт меню в макете мне показывался одинокий мастер-компонент. Через варианты также ничего не получилось сделать.

Во всех туториалах по подобному меню регуляция состояний происходила через дублирование фреймов макета и изменение состояний в них. Но делать несколько дубликатов для каждого пункта...

Есть ли какие-то способы сделать это без заморочек с дубликатами?
  • Вопрос задан
  • 8526 просмотров
Пригласить эксперта
Ответы на вопрос 1
romansergeevich
@romansergeevich
дублирование фреймов макета и изменение состояний в них

Дублируйте не весь макет, а кнопку. С изменённым состоянием вынесите её из рабочего фрейма. И тогда уже добавляйте While hovering
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы