javascript - 将 onclick 添加到 CSS 类

Question

对我来说，采用这种 CSS Flip onhover 并使其应用 CSS 过渡/类 onclick 的最佳方式是什么。

如果有人可以在 jsfiddle 中为我构建一个工作示例，我将不胜感激。

score 3 · Accepted Answer

CSS does not have a CLICK event. You can use JavaScript to add a class on click, and have that CSS class perform the animation.

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

score 2 · Accepted Answer

您可以创建首先进行翻转的 css 类。然后使用 javascript 将其分配给 click 事件中的元素。

CSS：

.flippingClass{
    ... flip ...
}

Javascript：

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

2 回答 2