因此,我正在使用fiddle,当我在元素上按下以激活旋转时,将鼠标悬停在其上时,它不再会更改比例。您会注意到所有其他更改比例都很好。这就是我要轮换的内容。

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

最佳答案

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

您应该使用$(C1).css("transform", "");删除样式。它仍将设置动画,但不会强制旋转到0deg

https://jsfiddle.net/eLcgfbn3/

编辑:老实说,最好完全切换到类。保持这种事情变得容易得多。

09-10 11:32
查看更多