当使用css3比例缩放元素时,它会在动画完成之后变为像素化.我正在制作一个带边框的元素

and*_*ick 16 transform scale css3 pixelate css-transitions

http://jsfiddle.net/nicktheandroid/5Ytnj/

当我添加-webkit-backface-visibility: hidden;.circ元素时,它会使它在动画完成后保持像素化.

我想知道是否有办法让它在动画时不像素化.我在Google Chrome的开发版中查看了它.

wil*_*ill 23

好的,所以我想我已经想出了一个解决方案;

实质上; 不要使用"规模".使用"scale3d"并进行设置,以便您想要的图像最大scale3d(1,1,1).

是一个你在那里的圈子的例子.我把比例改为5,因为我不想把0.222222222222222222222222222222222放到scale3d函数中...

[编辑]所以我在没有硬件加速的计算机上再次尝试了jsfiddle演示,并且像素化效果消失了.所以它似乎与scale3d一样,它将它转换为纹理然后进行缩放.你可以在这里circ3div .

  • 对我来说没有任何区别,图像最初是清晰的,在整个缩放时使用scale3d进行缩放,并在动画后清除. (2认同)