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

Question

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

提前致谢。

Answer 1

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

Answer 2

你几乎没有任何东西可以帮助图像扩展 up 。浏览器非常擅长有效地缩放 down 图像，您不需要应用任何特殊的CSS属性来使图像正确缩小。但是，增加图像的大小/分辨率是浏览器和CSS都无法帮助您的。