Flipkart盘旋在onclick动作上

Question

我创造了一些翻转卡片，当它们悬停时会激活。所有CSS。

我现在正在尝试将类似的内容移植到移动版本上，并且我仍然坚持如何处理这个问题。

我正在寻找的是一种将我的悬停转移到onclick风格事件的方法。

我已经在这里上传了我的卡片。

www.anorris.co.uk/flip

我希望有人能指出我正确的方向？

如果我在这里设置我的代码更好，请告诉我，我会这样做。

谢谢，

阿利斯泰尔。

Answer 1

您可以使用:active选择器与:hover结合使用此功能（只要在:active选择器后调用:hover选择器）

所以试试：

.stuff1:hover, .stuff1:active {
    -webkit-transition-delay: 0.25s;
    transform: rotateY(180deg);
}

但是如果你想使用JQuery，那么你想要做的就是将你的:hover的CSS更改为一个类：.active然后添加JQuery以在点击时切换此类类似的东西：

$('.x').on('click', function(){
    $(this).toggleClass('active');
});

如果你把你的代码放到jsfiddle中，我会很乐意帮助你，但这应该让你开始朝着正确的方向前进。

Fiddle Demo

Answer 2

你应该尝试这个：http://davidwalsh.name/css-flip对我来说效果很好！

对于点击事件，只需将此css样式切换为div：

transform: rotateY(180deg);