scss 强制CSS硬件加速

Posted 2021-05-17

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了scss 强制CSS硬件加速相关的知识，希望对你有一定的参考价值。

/* --------------------------
 * 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);

以上是关于scss 强制CSS硬件加速的主要内容，如果未能解决你的问题，请参考以下文章