CSS @keyframes 缩放文本模糊

Question

我在@keyframes 动画中缩放文本，当文本增加时，它变得模糊，如何防止它？

JS Bin Example

谢谢！

Answer 1

解决问题的最简单方法是使最大的状态比例为 1，较小的状态比例为 0.5，并相应地调整字体大小。见http://jsbin.com/zonuriza/3/edit。我还更新了它以在 Firefox 中正常运行。