如何摆脱仅在一个特定按钮上发生的按钮悬停闪烁？

Question

我在这个页面上有两个按钮。顶部的“连接”是完美的，没有奇怪的闪烁。然而，在鼠标离开按钮后，向底部的“阅读更多”会出现这种奇怪的闪烁。

https://dev.evolutionaryeducation.org/

我以前从未见过这种情况，而且我尝试过的一切都失败了。我已经联系了托管支持，他们说“这就是浏览器的工作方式”。

Answer 1

当您将鼠标悬停在容器按钮上时，该按钮中的文本会更改其某些属性，并且对文本的这些更改会立即发生。

您看到的闪烁是由于按钮的内容（文本）的转换速度与主按钮的转换速度不同。

这个 css 可以应用到你的页面（你可以把它放在 WordPress 定制器页面的 CSS 选项卡中），以使按钮内的内容以与周围按钮相同的速度转换。

我对此进行了测试，应用后闪烁对我来说消失了。

.button.button_size_2.button_js span.button_label {
    transition: all 0.3s;
}