Image on hover not working

HI,

I am trying to use a simple animation: I have an image and when hovered I want it to change to another one (same image but photoshopped to have another colour varnish). I have set up the animation of the coloured image from 0 to 100 and added the first image as a trigger. And I have set opacity animation on hover for the first image from 100 to 0, triggered by the coloured image but I can’t seem to get it to work. This is what happens:

If the coloured image is layered in behind the first image nothing happens.

If the coloured image is layered on top of the first image then the hover effect works but it keeps blinking. Any idea whye this happens? You can see it here

Thanks

well this is because you use the image itself as a trigger. if it gets fadedout it doesn´t work as a trigger anymore.
What you could try is to set both images as a trigger for both animations. (maybe this isn´t working)
Or, what surely would work is to place a transparent shape above both pictures and use this as the trigger.

Thanks! I found an easy solution - I simply put the coloured image behind the initial state and animated the opacity of the image above from 100-0 on hover to reveal the image underneath :slight_smile:

*I did try the two images as a trigger but that wasn’t working.

yeah, thats also possible. glad you made it!