css - 淡入后按钮闪烁

Question

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

在 safari 上，当按钮或其他元素淡入时，一旦淡入然后短暂闪烁/闪烁白色 - 几乎就像它刷新得很快。

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

-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>