Hey all,
I’ve just noticed my buttons don’t work when my interaction is playing. I have it set so cards fade in/out on hover state. The back/bottom card has a button which isn’t working when hovered over. Any ideas how to fix this?
Here is my public share link: http://www.poppyandseedstudio.com.au
and read-only: Webflow - Meagan's Fantastic Site
Hi - This issue is occurring because even though you are setting the opacity of the top service-card to 0%, it still exists in position above the bottom card. You need to adjust the opacity and set its visibility to None on hover.
Conversely, the bottom service-card needs its initial state to be 0% opacity and visibility set to None - then on hover its opacity becomes 100% and its visibility set to flex. This will allow the buttons on the bottom card to be accessed. Hope this helps.
Thanks @craigb - I’ve done what you suggested however the second card now doesn’t display at all and the top flickers.
Hi - Are you applying to the hover interaction? When the user hovers you want the front card hidden and the back card visible, and on hover out you want the front card visible and the back card hidden.