css3 Transition动画执行时有概率会出现闪烁的bug

843 阅读1分钟

css3 Transition动画执行时有概率会出现闪烁的bug

css3 Transition动画执行时有可能会出现闪烁的bug,一般出现在开始的时候。

解决方法:

方法1 -webkit-backface-visibility: hidden;

方法2 -webkit-transform-style: preserve-3d; 

需要应用在动画元素上。

第二种方法在低端Android上会出现性能问题。所以推荐第一种方法

新增内容: 在做动画的时候采用过 background-position的方式实现。 在Android上正常,在iOS 系统上有闪烁情况,具体问题还待研究。后续更改使用transform的方式实现动画,最终才解决了问题。(为啥background-position在IOS机型闪烁没有懂的大佬评论下)