Flipcard懸停進入onclick動作

Question

我創建了一些翻轉卡片，可以在懸停時激活。所有的CSS。

我現在正試圖將類似的東西移植到移動版本上，而且我很困擾如何解決這個問題。

我在尋找的是一種將我的懸停轉移到onclick風格事件的方法。

我上傳了我的卡。

www.anorris.co.uk/flip

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

如果我更好地設置我的代碼在這裏只是讓我知道，我會做的，而不是。

謝謝，

Alistair。

Answer 1

你可以（在:hover選擇後，只要:active選擇被調用）達到與:hover結合這一點使用:active選擇

這樣試試：

.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作品對我非常好！

對於click事件只需撥動這個CSS樣式的youre格：

transform: rotateY(180deg);