css scale文字莫名抖动解决方法

Posted 北倍

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css scale文字莫名抖动解决方法相关的知识,希望对你有一定的参考价值。

         在使用scale放大元素的时候,发现里面的文字出现了动态的抖动效果,有点怪异,如下图:

 

             解决方法~加上样式:

*{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
 }

     最后的效果:

以上是关于css scale文字莫名抖动解决方法的主要内容,如果未能解决你的问题,请参考以下文章

悬停图像比例抖动错误

解决滚动条加载出现的页面抖动

eltable滚动文字抖动

CSS代码片段

CSS代码片段

CSS3 hover transform 图片会抖动怎么解决?