轮换后缩放比例不起作用

Question

所以我正在研究fiddle，当我按下元素来激活旋转时，当你将鼠标悬停在它上面时它不再改变比例。你会注意到所有其他人都改变了规模。这就是我的轮换所需。

$(C1).click(function() {
    $(C1).css("transform", "rotateY(-180deg)");
    setTimeout(function() {
        $(C1).css("transform", "rotateY(0deg)");
    });

Answer 1

那是因为你没有“移除”轮换。你已经第二次设置了它。 .css()设置内联style属性，该属性将覆盖您的sylesheet中的样式，因为它具有更高的级联权重。

您应该使用$(C1).css("transform", "");删除样式。它仍然会生成相同的动画，但它不会强制旋转到0deg。

https://jsfiddle.net/eLcgfbn3/

编辑：但老实说，完全切换到类可能会更好。用这种东西保持秩序要容易得多。