css sprite 调整大张图片中小图标的大小
来源:互联网 发布:深鉴科技 知乎 编辑:程序博客网 时间:2024/04/30 04:34
直接说解决方法:
假设一张拼合好的大图大小是:900 x 1000 px (如上图)
现在想取图中左上角的河马图标,并缩小图标的大小。
正常取图:
.sprite {background: url('imgs/woqu_localjoin_all.png') no-repeat -21px -80px;width: 190px;height: 154px;}
现在取正常图标大小的一半:
<pre name="code" class="html">.sprite {background: url('all.png') no-repeat -10px -40px;width: 95px;height: 74px;background-size:450px 500px;}
最后推荐大家一款css sprite测量工具:http://www.spritecow.com/
打开,把拼合好的png图拖进去:
0 0
- css sprite 调整大张图片中小图标的大小
- CSS的sprite图片处理
- 图片的大小调整
- css sprite网页图片处理之小图标切换
- CSS文字或图片悬浮于另一张图片上,大小宽度适配手机的!
- HTML中小meta的大作用及CSS用法
- 【Unity&NGUI】PS裁剪UI把部分图片留着透明的部分&新建图集&调整NGUI的Sprite大小
- Eclipse中小图标的意义
- 按长宽比调整大小的图片(js)
- 代码中调整图片的大小
- 批量调整word中图片的大小
- ueditor上传的图片自动调整大小
- Opencv调整运行窗口图片的大小
- Opencv调整运行窗口图片的大小
- Java如何调整图片的大小?
- bootstrap调整Glyphicons图标大小
- Launchpad图标大小怎么调整?
- bootstrap调整Glyphicons图标大小
- ScrollViewer.ScrollToVerticalOffset 不执行
- UIGraphicsBeginImageContext系列知识
- alibaba远程调用框架dubbo原理
- Java泛型实现测试
- [水]ZOJ1342
- css sprite 调整大张图片中小图标的大小
- UITableViewController的初始化问题
- LFS杂记
- 母函数知识
- diff 补丁、 打补丁
- linux Daemon程序设计(含步骤、源码、管理)
- Android教程进阶:缓存位图
- UVA 10494-If We Were a Child Again(大数类)
- UIViewController的初始化问题