将onclick添加到CSS类

Question

对我来说，采取类似CSS Flip onhover的最佳方法是什么，然后使其应用CSS Transition / class 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在click事件中为其分配元素。

CSS：

.flippingClass{
    ... flip ...
}

使用Javascript：

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