html - IOS不透明度过渡不是很好的效果

Question

使用 CSS 和 JS 为 UIWebView 制作一些简单的动画；使用 Chrome 进行测试和调试；对于使用这种风格的动画：

-webkit-transition: opacity 1s ease-out;

将不透明度设置为 0 到 1；一切看起来都很好，除了动画的最终状态，当最后一个动画元素 () 出现时，页面上的随机文本块变得更粗。已经尝试过不同的解决方案：

-webkit-backface-visibility: hidden;
-webkit-perspective: 1;
-webkit-font-smoothing: antialiased;
opacity: 0.999;

没有什么帮助。

Answer 1

在阅读了有关动画问题的其他讨论后，尝试使用以下解决方案：

.flick-fix
{
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}

但是这个类应该应用于行为看起来很奇怪的元素，而不是动画对象；