I have a page with these “3D cards” which when hovered flip around to reveal more info about a product and when clicked they take you to full product page.
It works perfectly fine with the mouse, but the problem starts when you use a touch device. When clicked it flips for 1 second and then takes me to the product page.
I want it to essentialy require 2 clicks on touch devices, one to flip to the description and another to go to the linked page. Any ideas how I can achieve this?
I remember seeing it happen sometimes when a link has a :hover state, but here this does not happen. Maybe there is a way to manually trigger this behaviour?