为什么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！这篇文章帮助了我：当使用 css3 比例缩放元素时，它会变得像素化，直到动画完成后。我正在为带有边框的元素设置动画， 使用scale3d而不是scale，不超过1，成功了！