更新记录
2017.11.8:在线css sprite/css精灵/雪碧图css样式生成工具完成上线

在线css sprite/css精灵/雪碧图css样式生成工具

这是一款脚本之家翻译自国外网站的css样式工具,可在线生成css精灵/雪碧图样式。用户只需点击按钮上传雪碧图片即可通过鼠标点击拖动来选择雪碧图上的小图案,待系统自动确定图形边界即可框选出相应的小图案,并在下方的代码区显示出对应的图案位置css样式。该工具还提供背景图比例设置、相对位置百分比设置等功能。提供给需要的朋友使用。


关于在线CSS雪碧图css样式工具

  1. 该工具翻译自国外网站,用户使用时可点击示例图片,按照图片背景的英文提示点击拖选雪碧图示例图片上的小图标,即可自动选中该图标。同时下方给出相应的css代码。用户熟悉使用方法后可自行上传雪碧图进行拖选操作。(必须是背景透明的png格式图片)
  2. 工具美中不足的是针对图形边界进行判断,进而自动选中独立的小图标。因此当雪碧图上的各个小图标间距过于紧凑的时候往往无法进行准确的自动框选判定。
  3. 对于雪碧图的生成,可使用桌面软件进行操作,下载地址:http://www.jb51.net/softs/325268.html
  4. 对于本工具使用过程中发现的问题,欢迎提出宝贵意见!

脚本之家工具类小程序上线了!微信小程序搜索 脚本之家工具箱 或者扫描如下小程序码直接打开小程序!

小程序工具箱仍在不断改进完善中,欢迎提出宝贵意见!


为回馈广大用户对脚本之家的关注,脚本之家不定期开展红包、图书、礼品大放送活动

关注官方微信公众平台即可参与活动!

最后,感谢您对脚本之家在线工具的支持!