解决H5移动微场景动画卡的问题

.main-page *{
    backface-visibility:hidden;              /* 隐藏被旋转的 div 元素的背面，开启GPU硬件加速 */
    -webkit-backface-visibility:hidden;	     /* Chrome 和 Safari */
    -moz-backface-visibility:hidden; 	     /* Firefox */
    -ms-backface-visibility:hidden; 	     /* Internet Explorer */
    -webkit-transform: translate3d(0, 0, 0); /* 3D旋转，开启GPU硬件加速 */
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-perspective: 1000;               /* 3D元素距视图的距离，解决开启GPU硬件加速部分Android出现闪烁的bug */
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}

.main-page是展示页面作用域，如果你的动画不需要区分作用域，可以直接用 *