Streaming live at 10am (PST)

Image effect does not revert on hover out

I have a picture in a div. On hover it scales to 110 % and becomes 100% greyscale; on hover out it scales back to 100% and should also scale back to 0 % greyscale.

What I do not understand: the scaling works; the greyscale does not.

Do you have a preview link for us?

Yes:

This is the live site, not a preview link :wink:

Oh yes, of course.
This is the right link:
https://preview.webflow.com/preview/spg-kup-028?utm_medium=preview_link&utm_source=designer&utm_content=spg-kup-028&preview=d4aa343296feb9c4b230822e66f9ec66&pageId=5e9da7c25a3dab9406c3bb24&mode=preview

You’re targeting the div for the greyscale effect, not the image - then targeting the image for the 0% greyscale effect afterwards :slight_smile:

Just change the target by right clicking the effect and choose the image instead of the div.

dryhfjdrytjdryj

So obvious! Thank you! I just did not notice.

1 Like