jquery - 旋转后变换比例不起作用

Question

所以我正在研究 fiddle当我按下元素上的 以激活旋转时，当您将鼠标悬停在它上面时它不再改变比例。你会注意到所有其他人都可以很好地改变比例。这就是我要轮换的内容。

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

Answer 1

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

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

https://jsfiddle.net/eLcgfbn3/

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