Can't figure how to hover image

Forum|Forum|5 years ago
December 9, 2020
2 replies
698 views

When you hower a mouse on an image, I want that image to hover to another image behind it (simple opacity effect). I tried it before, but now it completly slipped my brain.

Also, is the Appearance supposed to be synchronized with 'Default state' and 'Hover state' on it's opacity? I can't make it act seperate on these layers!

Design

This topic has been closed for replies.

Correct answer Kenneth Kawamoto

Place two images on top of each other, group them and turn it into a component. Create a hover state and while in the hover state reduce the opacity of the top image to zero. That's about it. Where is it failing...?

Spas K.

Community Expert

In addition to what Kenneth said, make sure you are editing the opacity of the layers within the component, and not the component itself. If you edit the component's opacity, you are editing the "shell", and it applies regardless of what state the component is in.

Stu_99

Participant

Hi there, I have tried this and when I jump on to the prototype side nothing happens when I hover over the image. I did everything that was said above, am I missing something? Thanks. Stuart 🙂

K

Kenneth Kawamoto

Correct answer

Community Expert

Place two images on top of each other, group them and turn it into a component. Create a hover state and while in the hover state reduce the opacity of the top image to zero. That's about it. Where is it failing...?

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded