因此,我正在使用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/
编辑:老实说,最好完全切换到类。保持这种事情变得容易得多。