css - 淡入后按钮闪烁

标签 css wordpress safari webkit

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

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

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

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

或类似的但是没有运气。我在 Wordpress 中使用 Divi 主题,希望有人可以提供有关如何解决此问题的指示?可能只是我把代码放到了错误的区域!

提前致谢!

最佳答案

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

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>

关于css - 淡入后按钮闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59770979/

相关文章:

php - <ul><li> 点击显示/隐藏子菜单

javascript - 如何使 CSS 属性动画在 Safari 中像在 Google Chrome 中一样工作?

ios - 在 QuickLook 中打开 USDZ 文件

css - 我怎样才能让这个文本在同一行

css - WP Bakery 选项卡动画覆盖

css - 波浪号 (~) 在 CSS 中是什么意思

css - 如何在 typescript 环境中为在 material-ui 按钮内呈现的 react-router-dom NavLink 呈现 activeClassName 样式?

php - 尝试添加联系表

mysql - MySQL 中的 SQL 子查询

css - Safari 扩展 : style of selectbox like safari's bookmark folders