对于经常使用CSS Sprites的同学,不知道是否有跟我一样的烦恼,在写定位的时候,先在PS里量出大概的位置,然后再在FF里用 Firebug 进行微调,以达到实际需要的效果。这样做的话效率方面的问题比较严重,虽然在做合并图的时候大概的位置都已经心里有数,不过在写样式的时候也不太可能每次都能记得住正确的位置,特别是像我这种没啥记性的人,总免不了开着PS,时不时的量一下。更让我烦恼的是,原本性能就不高的电脑,开着个PS后运行起来就更慢了(至少一半内存被PS占用),而这时的PS只是用来量位置,真是有点大才小用了。
CSS Sprites 样式生成工具是一个CSS网页设计辅助工具,主要功能是想减少使用CSS Sprites技术时测量坐标及填写background-position定位这部分重复而枯燥的时间,提高工作效率。
使用方法:
1、首先读取图片
2、双击图片,添加层,放大后,缩放层的区域大小
3、点击操作-预览样式,就可以得到您想的层样式
3.2.1 更新说明:
(新增)单独定义层的输出设置
(新增)当前信息层显示设置
(新增)更新所有层信息窗
(fix)新建层时不激活
(fix)读取设置后图片不能缩放
(fix)操作界面布局
- PC官方版
- 安卓官方手机版
- IOS官方手机版