鼠标适用于触摸屏手机

Question

我正在尝试使用css I found创建一张翻转（名片状）的卡片。我制作了这张卡，它适用于Chrome，IE10和Firefox。我试图让它在触摸屏手机上运行。我已经阅读了:focus旁边的:hover适用于智能手机。我将这些代码插入到css中，这允许用户翻转卡而不是将其翻转。我希望得到的功能是刷卡或触摸卡可以根据需要多次翻转/重新翻转卡。

由于代码占用了更多空间，因此翻转卡片的JSFiddle链接：http://jsfiddle.net/trinker/ZG9jA/3/