淡入后按钮闪烁

Question

在互联网上记录良好的问题，但我似乎能够找到有效的解决方案，并认为我可能会将代码放在错误的位置！

在野生动物园中，当按钮或其他元素淡入时，一旦其淡入，然后短暂地闪烁/闪烁白色-几乎就像它刷新一样快。

我在网上看到了多个建议以使用

-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-webkit-perspective: 1000;

或类似的人却没有运气。我在Wordpress中使用Divi主题，希望有人可以提供有关如何解决此问题的指示？可能只是我将代码放入错误的区域！

提前感谢！

Answer 1

您可以尝试使用按钮的不透明度而不是像这样的可见性进行播放

button{
width:300px;
height:100px;
animation: 2s linear;
animation-name:bring-in;
}
@keyframes bring-in{
0%{opacity:0;}
100%{opacity:1;}
}

<button><h2>I am groot</h2></button>