雪碧图css样式生成工具

操作说明:使用时可点击示例图片,按照图片背景的英文提示点击拖选雪碧图示例图片上的小图标,即可自动选中该图标。同时下方给出相应的css代码。熟悉使用方法后可自行上传雪碧图进行拖选操作。


关于在线CSS雪碧图css样式工具操作教程

1、该工具翻译自国外网站,用户使用时可点击示例图片,按照图片背景的英文提示点击拖选雪碧图示例图片上的小图标,即可自动选中该图标。同时下方给出相应的css代码。用户熟悉使用方法后可自行上传雪碧图进行拖选操作。(必须是背景透明的png格式图片)

2、工具美中不足的是针对图形边界进行判断,进而自动选中独立的小图标。因此当雪碧图上的各个小图标间距过于紧凑的时候往往无法进行准确的自动框选判定。

3、对于本工具使用过程中发现的问题,欢迎提出宝贵意见!