Javascript sass文件上的CSS转换和动画不起作用

我试图通过旋转3个div（.line 1、.line 2和.line 3）来设置动画，单击另一个div（#burger）

3个div围绕着#burger div（它们在一个.js文件中）：

切换类的JS函数。单击#burger如下所示：

const activateResponsiveMenu = () => {
    const burger = document.querySelector("#burger")
    burger.classList.toggle(navbarStyles.clicked)
}

---

问题在于，尽管.line2 div的不透明度在点击#burger时变为0，但CSS转换不起作用，.line1和.line3不旋转。正在应用所有其他样式。

根据转换规范，值应以空格分隔，这会使语法无效，您应使用以下格式

transform: rotate(-45deg) translate(-5px, 6px);

---

根据转换规范，值应该是空格分隔的，这会使语法无效，您应该使用以下格式

transform: rotate(-45deg) translate(-5px, 6px);

---

谢谢你的帮助。这会使div旋转，但不会在第一个瞬间和点击#burger之间进行任何转换，这也是我的意图。“我想这也会发生的。”Franciscofsta首先，你从来没有在问题中提到转换，其次，你甚至没有在代码中的任何地方使用css转换属性。这事不会自己发生的谢谢你的帮助。这会使div旋转，但不会在第一个瞬间和点击#burger之间进行任何转换，这也是我的意图。“我想这也会发生的。”Franciscofsta首先，你从来没有在问题中提到转换，其次，你甚至没有在代码中的任何地方使用css转换属性。它不会单独发生

transform: rotate(-45deg) translate(-5px, 6px);