移动端transition闪烁问题的解决方案

1、在目标元素中加入下面任意一条CSS代码

-webkit-transform: translate3d(0,0,0); /*开启硬件加速*/
-webkit-backface-visibility: hidden; /*元素旋转时隐藏背面*/
-webkit-transform-style: preserve-3d; /*保留3D空间*/

2、在JS中操作元素transform属性进行转换时使用translate3d

3、参考这里

你可能感兴趣的:(HTML+CSS,前端开发,CSS3,transition,闪烁)