Css 在设置动画时保持文本平滑

Css 在设置动画时保持文本平滑,css,gsap,Css,Gsap,我正在使用动画制作一些文本。这一切都很好,除了当动画进行时,角色变得非常像素化。当吐温完成时,这种效果消失 我试图找到一种方法来保持文本的通顺,但无法使任何内容正常工作。我尝试了各种来源的建议——使用transform3d、设置字体平滑、添加小阴影,但都没有成功 我已经建立了一个说明我意思的模型。如果有人能提出解决方案,我和我的经理会非常高兴: 提前感谢互联网 PS-我不知道这是否有什么不同,但在我的实际项目中,我使用的是谷歌网页字体而不是系统字体。你应该使用字体大小而不是大小: TweenLi

我正在使用动画制作一些文本。这一切都很好,除了当动画进行时,角色变得非常像素化。当吐温完成时,这种效果消失

我试图找到一种方法来保持文本的通顺,但无法使任何内容正常工作。我尝试了各种来源的建议——使用transform3d、设置字体平滑、添加小阴影,但都没有成功

我已经建立了一个说明我意思的模型。如果有人能提出解决方案,我和我的经理会非常高兴:

提前感谢互联网


PS-我不知道这是否有什么不同,但在我的实际项目中,我使用的是谷歌网页字体而不是系统字体。

你应该使用字体大小而不是大小:

TweenLite.to("#txt", 3, {"font-size": "2em", transformOrigin:"50% 50%"});
这确实起作用,但transformOrigin的工作方式不同。使用“缩放”时,它从中心调整大小,但使用“字体大小”时,它从左上角调整大小。