Html 图像赢得'；悬停时不要旋转

我正在为一个图像做一个简单的CSS/HTML旋转动画，当我在图像上悬停时，它不会旋转。我已经在CSS中添加了伪类元素

知道我做错了什么吗

这是CSS

。旋转图像{
显示器：flex；
保证金：自动；
宽度：自动；
高度：自动；
左侧填充：200px；
转换：转换2s易入易出；
}
.旋转图像：悬停{
变换：旋转（360度）；
}

只需将

重命名为

---

CSS样式的类必须与HTML元素的类匹配。

请检查其他影响因素。您的代码工作正常：

。旋转图像{
显示器：flex；
保证金：自动；
宽度：自动；
高度：自动；
左侧填充：200px；
转换：转换2s易入易出；
}
.旋转图像：悬停{
变换：旋转（360度）；
}

---

基本代码似乎已被编辑。现在这是正确的。