问题描述
当我尝试在悬停状态的图像上使用缩放（变换：缩放）属性时遇到了一个奇怪的问题。出于某种原因，图像在比例转换之前和之后显得模糊，但在转换期间它很清晰。任何克服模糊图像的 CSS 技巧都值得赞赏！
是的，我已经尝试了论坛其他地方发布的多种方法。
示例链接见此处。 https://woodmart.xtemos.com/home-cars/demo/cars/
显示问题的视频链接在这里。 https://app.usebubbles.com/hEg29xH6DL5HLF17V5mudp/comments-on-woodmart-xtemos-com/
解决方法
您可以尝试使用 transform: scale(1.5); 而不是 transform: scale3d(1.5,1.5,1.5); 我认为属性 scale3d 会使您的图像变得模糊。
我看不到您提供的链接示例中的图像，但我的猜测是它与文件格式或子像素划分错误有关。
图片的宽度/高度是否有小数点？
您可以尝试在转换之间的静止位置上添加一个非常小的数字吗？ （例如，不要从 1 过渡到 1.5，而是尝试 1.001 到 1.5001）