8000 GitHub - shuaibird/utility_sprite: 自动生成sprite的小工具
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

shuaibird/utility_sprite

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sprite Utility

工具说明:自动将UI elements生成sprite
$ npm install
$ npm start
  • 将生成得到的sprite.png和sprite.css两个文件拷贝到项目中,注意要放到同个文件夹下
  • 浏览器访问 http://localhost:1234,点击所需icon自动复制相关类名
  • 调用范例: <div class="sprite-icon filename"></div>
  • 默认自动添加sprite-icon类,该类作用将display设置为inline-block,可手动移除
  • 对于hover效果图标,hover效果icon文件名规则为filename_hover,调用时添加icon-hover类
  • 父类hover的在父元素添加icon-hover-container

About

自动生成sprite的小工具

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
0