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机型闪烁没有懂的大佬评论下)