Can't figure how to hover image

Dec 09, 2020

Copy link to clipboard

Copied

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!

Adobe Community Professional
Correct answer by Kenneth Kawamoto | Adobe Community Professional

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...?

TOPICS
Design

Views

116

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

Can't figure how to hover image

Dec 09, 2020

Copy link to clipboard

Copied

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!

Adobe Community Professional
Correct answer by Kenneth Kawamoto | Adobe Community Professional

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...?

TOPICS
Design

Views

117

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
Dec 09, 2020 0
Adobe Community Professional ,
Dec 09, 2020

Copy link to clipboard

Copied

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...?

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
Reply
Loading...
Dec 09, 2020 0
Spas K. LATEST
Adobe Community Professional ,
Dec 09, 2020

Copy link to clipboard

Copied

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. 

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
Reply
Loading...
Dec 09, 2020 0