为什么图像不透明度动画在Firefox和Chrome中运行顺畅,但在Safari中却不行

Why image opacity animation runs smooth in Firefox and Chrome but not Safari?

本文关键字:但在 Safari 运行 动画 不透明度 Firefox 为什么 Chrome 图像      更新时间:2023-09-26

我有几个兄弟图像,它们相对于它们的父div绝对位于top:0和left:0。默认情况下,最后一个图像位于顶部。我正在使用jQuery淡化图像一个在一个时间通过动画到不透明度:0从最上面的图像"在父div的最后一个图像"开始。出于某种原因,动画在firefox和chrome中看起来很流畅,但在safari中就不行?发生这种情况的原因是什么?

你确定是动画错误吗?我有一个使用box-shadow:inset...-webkit-box-shadow:inset...导致safari滞后的情况。如果你可以把它隔离到jQuery,那么我不确定发生了什么。你用循环吗?

我不知道jQuery如何处理Safari中的不透明度。如果它没有使用webkit CSS属性,那么这可能是原因。webkit的CSS不透明度属性将会表现得更好。

相关文章: