將onclick添加到CSS類

什麼是最好的方式讓我採取這樣的CSS CSS Flip onhover，並使其應用CSS transition/class onclick。將onclick添加到CSS類

，如果有人可以的jsfiddle建立我一個工作的例子，我將不勝感激。

_ 「如果有人可以造出來的我..」 _。我們不是免費的租用編碼器。但我們確實幫助解決了編程問題。究竟你有試過嗎？有任何代碼？ –

你是對的！我會注意在未來的帖子中發佈我的js小提琴文件。最好不要將評論部分用於個人討伐，所以我刪除了任何不涉及該問題的帖子。 – user1504591

CSS沒有CLICK事件。您可以使用JavaScript在點擊上添加一個類，並讓該CSS類執行動畫。

.flip { 
    transform: rotateY(180deg); 
    box-shadow: -5px 5px 5px #aaa; 
}

2012-12-05 18:59:43

我能誘惑你把一個例子放進小提琴嗎？我應該指定我正在尋找一個帶有onclick的js例子。謝謝！ – user1504591

將這與伊布的答案結合起來，你就明白了。 –

終於工作了，謝謝！一旦添加了課程，我無法弄清楚如何交換前臺的背景圖片，但現在已經解決了。 – user1504591

你可以創建一個首先做翻轉的css類。然後使用JavaScript爲它分配單擊事件中的元素。

CSS：

.flippingClass{ 
    ... flip ... 
}

的Javascript：

$("#flipper").click(function() { 
    $(this).addClass("flippingClass"); 
});

2012-12-05 18:59:52 Ibu

但這是jQuery –

回答