Html 使用变换创建平滑过渡时出现问题

我正试图学习一个关于网页设计的教程，但我一直在试图找出我的代码不起作用的原因。以下是我认为无法正常工作的代码部分：

transition: transform 650ms cubic-bezier(0.54, -0.81, 0.57, 0.57);

这是一支代码笔，上面有完整的代码，第102/110行：。

---

在我的编辑器（vs代码）中似乎无法识别“transform”。如果有人能帮助我，我将不胜感激

用“全部”替换“变换”解决了问题。

您能解释一下您在这里面临的问题吗？我正在尝试为打开下拉菜单的按钮创建平滑动画。当按下按钮时，按钮应该可以平滑地旋转，形成一个X，但它却会卡入到位。现在，您修复了代码笔内的问题，使问题变得无关紧要，因为没有人能够看到问题。我没有在代码笔中更改任何内容，我所面临的问题仍然存在。按下右上角的按钮将播放其捕捉到-45度的断开动画。如果其他人想看到我犯的错误以及我是如何修复的，我就把问题留在代码笔中。