CSS @keyframes scale text blurry

问题

I scale text in @keyframes animation, when the text is increased, it becomes a blurry, how can I prevent it?

JS Bin Example

Thanks!

回答1:

Easiest way to resolve issue is to make the largest state scale 1, and the smaller state scale 0.5, and adjust the font size accordingly. See http://jsbin.com/zonuriza/3/edit. I also updated it to function properly in Firefox.

来源：https://stackoverflow.com/questions/24415066/css-keyframes-scale-text-blurry