当我尝试在悬停状态的图像上使用缩放(transform: scale)属性时,我遇到了一个奇怪的问题。由于某些原因,图像在缩放变换前后看起来很模糊,但在变换期间它是清晰的。任何CSS技巧,以克服模糊的图像是赞赏的!
是的,我已经尝试了论坛上其他地方发布的许多不同的方法。
此处显示了该示例的链接。https://woodmart.xtemos.com/home-cars/demo/cars/
这里有一个显示问题的视频的链接。https://app.usebubbles.com/hEg29xH6DL5HLF17V5mudp/comments-on-woodmart-xtemos-com/
发布于 2020-12-19 08:58:55
您可以尝试使用transform: scale(1.5);而不是transform: scale3d(1.5, 1.5, 1.5);,我认为scale3d属性会使您的图像变得模糊。
发布于 2020-12-19 10:11:03
我看不到你提供的链接示例中的图像,但我猜这可能与文件格式或子像素分割错误有关。
图像的宽/高是否有小数点?
您可以尝试在过渡之间添加一个非常小的数字到它们的静止位置吗?(例如,不是从1过渡到1.5,而是尝试从1.001过渡到1.5001)
https://stackoverflow.com/questions/65364895
复制相似问题