CSS+；jQuery转换插件：如何修复模糊文本

所以我有一个奇怪的情况

我不得不使用scale插件扩展一大堆内容，我想它使用css3转换

当我点击一个按钮，在文本下面设置一个层的动画时，我得到一个清晰的抗锯齿文本的“闪光”（实际上，此时我也隐藏/显示文本）。大约500毫秒后，所有的文字都变得模糊起来。我可以一遍又一遍地重复这个。真正奇怪的是，在底层完成动画制作之前，它又变得模糊了。现在，我希望如果这是“添加转换的延迟”，那么新文本一开始不会是“正确”大小，但在开始时是正确的

    /* I've added this, too:*/
        -webkit-font-smoothing: subpixel-antialiased;

    /* also tried */
        -webkit-transform-style: preserve-3d;

    // the basic implementation of the transform using jQuery 2D transform plugin
    $("#container").transform({
        origin: ['50%', '0px'], 
        scaleX: _scaleY,
        scaleY: _scaleY
    });

   // tried this too, but doesn't seem to do anything at all
   $('#container').animate({
       transform: 'scale(' + _scaleY + ')',
       time:.5
   });

---

编辑似乎只是chrome而已。

我在chrome/Safari中遇到了一个类似的问题，即背景层的css转换和Chrome37中添加的字体平滑属性

-webkit-font-smoothing: antialiased;

---

这会发生在所有的布朗塞斯古德点吗。刚刚试过FF和IE9，看起来还可以。上面的结果是在Chrome中。我想我在某处读到Chrome有自己的字体平滑引擎。不要引用我的话。Scale插件/CSS3实现仍然需要一些工作。我注意到，在发生图像src交换或向DOM中添加新图像的地方，元素会在firefox中“捕捉”到位。再加上模糊的东西。jQuery.effects.scale并没有好多少。是的，在FF中也会破坏flash。所以我不得不忽略Firefox，因为它不支持正确的缩放，但我发现我可以非常小心地使用浏览器“缩放”（CSS3 zoom）在chrome/ie中按照需要重新缩放页面。虽然可能应该是更流畅的布局，但它是根据特定的尺寸规范设计的——后来必须是流畅的。