如何防止CSS3比例上的像素化​​/模糊

Question

我有一个CSS规则，使图像在悬停时缩放1.5倍。是否有浏览器破解或可以做的任何事情来防止图像看起来像素化/模糊？

在此先感谢。

Answer 1

如果您拍摄100x100的图片并将其缩放到150x150，当然会看起来很模糊。我会做的是从150x150图像开始，并将其缩小为，将缩小为100x100，然后将其悬停，将其重新调整为150x150。如果仍然看起来不太好，那么你应该制作两个图像文件，一个大一个，然后将它们交换出来。

Answer 2

几乎没有什么可以做的，这将有助于图像缩放向上。浏览器非常擅长缩小图像，效率低下，而且您不需要应用任何特殊的CSS属性即可正确缩小图像。但增加图像的大小/分辨率是浏览器和CSS都无法帮助您的。