我怎样才能摆脱只有一个特定按钮才会出现的按钮悬停闪烁?

问题描述 投票:1回答:1

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

https://dev.evolutionaryeducation.org/

我以前从未见过这一切,我尝试过的一切都无法奏效。我已经联系到支持托管,他们说'这就是浏览器的工作原理'。

javascript html css wordpress frontend
1个回答
3
投票

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

您看到的闪烁是由按钮(文本)的内容没有以与主按钮相同的速度转换而引起的。

此css可以应用于您的页面(您可以将其放在WordPress自定义程序页面的CSS选项卡中),以使按钮内的内容以与周围按钮相同的速度转换。

我测试了这个,当它应用时,闪烁消失了。

.button.button_size_2.button_js span.button_label {
    transition: all 0.3s;
}
© www.soinside.com 2019 - 2024. All rights reserved.