取消鼠标移出动画

Question

我们的wordpress网站上有一个插件的悬停效果。我只想让它简单地改变图像，而不需要任何变换或过渡效果。我把它放在我现在通过改变这个(它过去是水平翻转的(来删除鼠标输入的效果的地方：

.ioi-container .ioi-style5 .he-box .he-content {
transform: none; 
transition: none;
}

问题是，在鼠标悬停时，我找不到制作动画的CSS。有人能给我指正确的方向吗。开发地点如下：http://bdi.inventivewebdesign.com/并且所讨论的图像位于页面的底部，就在页脚的正上方。

Answer 1

试试这个：

.ioi-container .ioi-style5 .he-box:hover .box-img {
transform: none !important;
}

Answer 2

在Chrome 中调试的一些技巧

1. 通过JS禁用滑块动画
2. 降低Chrome中的动画速度，阅读更多https://developers.google.com/web/tools/chrome-devtools/inspect-styles/animations
3. 通过在Chrome中模拟悬停状态来找到悬停CSS，阅读更多，如何使用Chrome web检查器查看悬停代码

我相信你将能够像我一样找到正确的CSS选择器来覆盖：(