相关疑难解决方法(0)

使用CSS转换后的模糊文本:scale(); 在Chrome中

似乎Google Chrome最近有一次更新,导致文本模糊后出现问题transform: scale().具体来说,我这样做:

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
  }
}
Run Code Online (Sandbox Code Playgroud)

如果您在Chrome中访问http://rourkery.com,则应在主文本区域看到问题.它不习惯这样做,它似乎没有影响其他webkit浏览器(如Safari).还有其他一些关于人们遇到类似3d变换问题的帖子,但是找不到像这样的2d变换.

任何想法将不胜感激,谢谢!

webkit google-chrome transform css3 css-animations

106
推荐指数
11
解决办法
13万
查看次数

标签 统计

css-animations ×1

css3 ×1

google-chrome ×1

transform ×1

webkit ×1