解决移动端动画卡顿问题

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/majun0007/article/details/70049070
1、开启translateZ或 translate3d
webkit-transform: translateZ(0); 
-moz-transform: translateZ(0); 
-ms-transform: translateZ(0); 
-o-transform: translateZ(0); 
transform: translateZ(0);

webkit-transform: translate3d(0,0,0); 
-moz-transform: translate3d(0,0,0); 
-ms-transform: translate3d(0,0,0); 
-o-transform: translate3d(0,0,0); 
transform: translate3d(0,0,0);

2、backface-visibility
-webkit-backface-visibility: hidden;
backface-visibility: hidden;

3、perspective
-webkit-perspective:1000;
perspective:1000

4、运动元素的父级transform-style
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;


没有更多推荐了,返回首页