Hover State - Not Greying Out Completely?

Hi All,

I'm doing a Meet the Team (utilizing, with much appreciation, a template taken from this community) interaction that involves a hover state where the names appear and the pictures are greyed out. Everything should be working correctly, as all the settings are aligned, but for some reason not all of the hover states work correctly: some are fine and others are shades too dark! Am I doing something wrong? 

Attached is my source file, and here's what it looks like on review.

8 Replies
Andrew Ratner

Hi Leslie,

So, I sort of faked a solution. I noticed that the color photos would not stay transparent when a grayscale was applied to them, but would when their original color was maintained. So, I used that as a temporary solution (the one you now see on Review is a newly published draft).

The question still remains, however: why did the original grayscale not work? And for the person icons, why did that transparency not work, either, except for the first page (BD)? The source file is the best one to look at. 

Thanks again!

Alyssa Gomez

So glad that was helpful, Andrew!

The Hover state is additive on top of the Normal state, so you'll see both states at the same time. In other words, if the icon is used in the Normal state, you'll see it in other states, too.

To get around this, simply cut and paste the icon as I did in the video, and then you should see only the object in the Hover state.