JS设置CSS rotate X轴180度旋转不生效问题求助

问题出在你给style.rotate赋值时多写了结尾的分号;。

• 在浏览器调试控制台输入rotate: x 180deg;时，这是完整的CSS声明语句，分号用来分隔不同样式规则，所以能正常生效；
• 但通过JavaScript的element.style.rotate设置样式时，只需要传递CSS属性的值本身，不需要带分号。多余的分号会被浏览器识别为值的一部分，导致无法解析合法的rotate参数，因此样式不生效。

修正后的代码如下：

setTimeout(() => {
   document.getElementById('look-arrow-img').style.rotate = "x 180deg";
}, 1000);

内容的提问来源于stack exchange，提问作者heroicsatsuma