解决移动端动画卡顿问题

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;