scss 强制CSS硬件加速

Posted 2021-05-17

/* --------------------------
 * BACKFACE VISIBILITY
 * -------------------------- */
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;


/* --------------------------
 * FORCE PERSPECTIVE
 * -------------------------- */
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;


/* --------------------------
 * TRANSLATE Z OPTION
 * -------------------------- */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
   

/* --------------------------
 * TRANSLATE 3D OPTION
 * -------------------------- */

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