First time user of Webflow and first time posting on the forum, so please be gentle
Have tried not to be too annoying and included links below and have searched existing threads but cannot find this (please do point me in the right direction if you know otherwise though).
I have two link blocks on my home page, both that will link to a different project on my portfolio website. On hovering over a link block, I’d like the background image to change to the relevant project.
So, I’d like things to work like this:
On load, project 1 background is visible.
If I hover on project 2 link block – the project 2 image fades in. It then remains visible on hover out.
If I then hover on project 1 link block – the project 1 image fades in. It then remains visible on hover out.
At any point, should I hover over a project who’s image is already visible, no change of image should happen. The image will only appear on hover should it already not be visible.
FYI – Each link block also has an interaction already applied – some ‘learn more’ text appears and a div changes colour on hover, and disappears on hover out. I’d like that to remain.
The issue I’m having is that I can’t work out how to make the image remain once you’ve hovered over it – or only not try and fade in again if it’s already visible (and cause the other image to appear suddenly and then fade out to reveal the image that was already there).
Any help would be gratefully received.