取消鼠标移出动画答案

【问题标题】：Cancel Mouse Out Animation取消鼠标移出动画
【发布时间】：2020-08-07 05:40:26
【问题描述】：

我的 wordpress 网站上的插件有一个悬停效果。我只希望它简单地更改图像而没有任何变换或过渡效果。我通过更改它（它曾经水平翻转）将它移到了我现在在 Mouse In 上删除效果的位置：

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

在鼠标移出时我找不到使动画发生的 CSS 的问题。谁能指出我正确的方向。开发站点在这里：http://bdi.inventivewebdesign.com/，有问题的图像位于页脚正上方的页面底部。

【问题讨论】：

【解决方案1】：

试试这个：

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

【讨论】：

【解决方案2】：

在 Chrome 中调试的一些技巧

通过 JS 禁用滑块动画。
减慢 Chrome 中的动画速度，阅读更多 https://developers.google.com/web/tools/chrome-devtools/inspect-styles/animations
通过在 Chrome 中模拟悬停状态来查找悬停 CSS，阅读更多，How to use chrome web inspector to view hover code

我相信您将能够像我一样找到正确的 CSS 选择器来覆盖 :)

【讨论】：