为什么SVG在webkit浏览器下缩放时会变得模糊？

Question

使用CSS缩放变换缩放SVG图像时，Chrome或Safari下的图像会模糊吗？

以下是我的一些代码：

        #logo {
            animation: cssAnimation 120s infinite;
            -webkit-animation: cssAnimation 120s infinite;
            -moz-animation: cssAnimation 120s infinite;
        }

        @keyframes cssAnimation {
            0% { transform: scale(1) }
            50% { transform: scale(2) }
            100% { transform: scale(1); }
        }

非常感谢您的帮助！

圣拉斐尔

Answer 1

非常感谢War10ck！这篇文章帮助了我：when scaling an element with css3 scale, it becomes pixelated until just after the animation is complete. I'm animating an element with a border 使用scale3d代替scale，而不是超过1，这就成了伎俩！