牛洪利,异秀男孩网,柳华梅
1.在ps中打开,依次打开图像》图像大小,记录此时精灵图大小;
将这个精灵背景图等比例缩放到原来宽高的一半,记录此时缩放后的精灵图大小。
2.此时页面应显示的是缩放后的图片,打开f8找到它的坐标,将缩放后的xy坐标作为背景定位坐标
3.bg-size的宽度是缩放后的宽度。
这样,就完成了精灵二倍缩放,如果是三倍,将原图尺寸除以三就可以。
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!!
点击进行留言回复
相关文章:
-
-
-
详解CSS3新增的背景属性
CSS3新增属性:background-clip ,background-origin , background-size,本文给大家分享CSS3新增的背景属性...
[阅读全文]
-
-
-
CSS3 旋转立方体问题详解
这篇文章主要介绍了CSS3 旋转立方体问题详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学...
[阅读全文]
-
Grid 宫格常用布局的实现
这篇文章主要介绍了Grid 宫格常用布局的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学...
[阅读全文]
-
-
-
CSS3实现网站商品展示效果图
这篇文章主要介绍了CSS3实现网站商品展示效果图,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习...
[阅读全文]
-
网友评论