How to change the transparency of a component in hover state?

Community Beginner ,
May 30, 2022 May 30, 2022

Copy link to clipboard

Copied

If I:

  1. create a rectangle
  2. colour it red
  3. make it a component
  4. create a hover state
  5. apply 50% transparency to that hover state

then in preview mode, should that rectangle turn from 100% opaque to 50% transparent?

 

When I apply 50% transparency to the hover state, it also changes the default state, when I correct the default state, it changes the hover state! This is driving me insane when it should be so simple!

 

https://we.tl/t-PqHo7sVp4R

From the file linked, you can see the same settings for a rectangle when part of a group works as expected, but when it is a rectangle by itself, it just won't work. Why?

 

Can this feature not be applied to a single object? Does it really have to be multiple objects within a component before this works properly?

 

<Title renamed by moderator>

TOPICS
How to , Prototyping

Views

56

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Jun 02, 2022 Jun 02, 2022

Copy link to clipboard

Copied

LATEST

Hi @MotorIB,

 

We are sorry for the delay in response, and thanks for sharing the file. I have opened the file and made the corrections to the other rectangle as well.

 

Please download the file and check if that works for you now.

 

Thanks,

Harshika

 

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines