在Chrome中添加变换到图像会使其模糊

Question

我有一个图像，其变换应用于：transform：translate（-50％， - 50％）;

仅在Chrome中，这会导致图像模糊。

我尝试过不同的解决方案，例如设置translateZ（0）; filter：blur（0）没有任何成功。

删除transform属性可消除模糊效果。

以下是图片的当前css：     位置：绝对;     最高：50％;     左：50％;     transform：translate（-50％， - 50％）;     身高：自动;     宽度：自动;     最大高度：100％;     最大宽度：100％;

它看起来像这样：

这是从我的图像服务返回的实际图像：

请注意，第一张图像边缘模糊，原始图像没有。