码迷,mamicode.com
首页 > 其他好文 > 详细

compass制作sprite雪碧图

时间:2015-08-11 18:20:34      阅读:106      评论:0      收藏:0      [点我收藏+]

标签:

1.安装compass。(需要先安装ruby)

命令行:gem install compass

 

 

2.新建一个compass 项目

命令行:compass create myproject

 

 

3.在myproject中新建一个images文件夹,将需要转换的图片放入images新建的share文件中

并在scss文件中写入:

@import "compass/utilities/sprites";     

@import "share/*.png";
@include all-share-sprites;

命令行:compass compile

完成,images文件夹下会显示雪碧图

 

注意:ruby对编码的苛刻,路径,命名不能有中文以及非法字符

 

compass制作sprite雪碧图

标签:

原文地址:http://www.cnblogs.com/yzg1/p/4721558.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!