I'm using webflow because I've never written a line of code in my life. And until now, the Webflow-Solution has proofed to be «the future». I'm building our website right now and I'm stuck with the following problem:
I have a very simple hover-effect through an interaction. See how this is constructed:
In it's initial state, the image is shown:
When I hover over it, the opacity of the «HoverLinkBlock» changes to 100% with a transition of 500ms.
This all works perfectly on non-touch devices, because what I intend to do is to simply show the project-information related to the image when the user hovers over it. See here:
form here – again on non-touch devices – the user can click on the square and is taken to another page with the project details and more images. That's why I'm using a LinkBlock in my «construction».
On touch devices, the user is taken directly to the project details page; the hover is not shown.
Is there a way to do the following on touch devices: when clicking/touching, the hover is shown and stays visible. To go to the project detail page, the user has to click a second time.
Thanks in advance,