- This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
Viewing 3 posts - 1 through 3 (of 3 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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?
Here is the pen:
http://codepen.io/ilanfir/pen/gjoKl
You might want to look on this thread.
https://css-tricks.com/forums/topic/conditional-css-for-touch-screen-devices/#post-178524