缩放解决方法？扩展问题

Question

https://jsfiddle.net/gubLwvkt/

#icon-wrap:hover {
    animation: animation 1000ms linear both;
}

在动画之后，图片（甚至以前用.svg尝试过）的分辨率较低

有办法解决这个问题吗？ 我喜欢这些特定的关键帧是div不会弄乱它接近的对象

我找到的唯一解决方法是放弃关键帧并使用大小更改的转换（但这会导致其他问题）

@edit 我必须在Firefox中添加它，这很好。 在Opera中它处于低质量状态几秒钟，它会进行调整。 Internet Explorer很好。

Answer 1

在渲染图像时，Chrome似乎会查看背景，因为您必须使用3D转换，您可以通过将背面可见性设置为对webkit隐藏来解决此问题：

#icon-wrap img {
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
}

https://jsfiddle.net/gubLwvkt/1/