缩放 CSS Sprite 中的裁剪图像
在“创建 CSS Sprite 来增强页面性能”一文中,介绍了如何从较大的图像中裁剪较小的图像。但是,您可能会遇到这样的情况:您需要先缩放裁剪后的图像,然后再将其合并到您的设计中。这可以使用各种技术来实现。
背景大小方法(IE9,现代浏览器)
使用背景大小属性来指定所需的缩放大小裁剪后的图像。例如,如果您想将图像大小加倍,请使用值 150% 150%。
1 |
|
缩放和变换缩放
为了跨浏览器兼容性,将 WebKit/Blink/IE 浏览器的缩放与 Mozilla 和旧版 Opera 的转换:缩放相结合浏览器。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
|
此方法允许您缩放精灵的特定裁剪区域,而不影响其他片段。您可以调整缩放和缩放值以达到所需的尺寸。
以上是如何在 CSS Sprite 中缩放裁剪后的图像?的详细内容。更多信息请关注PHP中文网其他相关文章!