css sprite雪碧图自动生成工具

时间:2022-11-22 00:13:22


CssGaga

下载地址 http://www.99css.com/1524/

  • 包含详细的下载地址、下载步骤以及使用教程
  • 亮点:自动合成雪碧图+自动生成雪碧图background-position代码



    简单过程

  • 下载 网页中的demo 并解压至 D 盘根目录
  • images 目录下存放三个子目录,将要合成雪碧图的图片放到子目录文件中


    css sprite雪碧图自动生成工具

  • 将要合成的图片直接拖到软件中,出现Image code


    css sprite雪碧图自动生成工具

  • 将Image code内的css代码复制覆盖到style.css文件中,再把style.css文件拖到软件中


    css sprite雪碧图自动生成工具

  • 最后打开_gaga_temp文件夹,存放了合成的雪碧图和CSS代码


    css sprite雪碧图自动生成工具
  • backgroune-position可直接使用