添加onclick到CSS类

Question

对于我来说，最好的方法是使用CSS Flip onhover，并使其应用CSS转换/类onclick。

http://css3.bradshawenterprises.com/flip/

如果有人可以在jsfiddle中为我建立一个工作示例，我将非常感激。

Answer 1

CSS没有CLICK事件。您可以使用JavaScript在单击时添加类，并让CSS类执行动画。

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

Answer 2

您可以创建首先执行翻转的css类。然后使用javascript在点击事件中为其分配元素。

CSS：

.flippingClass{
    ... flip ...
}

使用Javascript：

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