Question:
How can I add multiple hover interactions to an image?
Update: I’ve gotten halfway there.
Product:
Wix Studio
What are you trying to achieve:
I was to hover over the image and have my overlay disappear (fade out interaction) and I also want it to grow and for text to appear. This is for my portfolio. I have image circles representing my various projects and skill areas. Each image has a slight overlay. When you hover over it, the overlay disappears and the image grows. Some of the circles have text that appears.
What have you already tried:
I’ve tried adding the grow interaction but it says I already have one. Currently, I have successfully gotten the overlay to disappear with hover by having two images on top of each other.
Update: I have successfully enabled both the hover “fade” and hover “expand” interaction by using a container. Seems obvious now. Now I just have to figure out how to get the text to behave. If I figure that out, I’ll update and probably delete.
Additional information:
I’ve achieved this in Wix Editor, but I want to move over to Wix Studio because I want my site to be responsive.