我正在尝试创建一个供大型团队定期使用的Sprite。我想自动创建它,以便任何人都可以将新图标放到/ source文件夹中并运行任务以更新sprite和相应的CSS文件。

我一直在使用grunt-spritesmith,除了它不支持自动添加:hover规则外,它的工作原理还不错。我还尝试了grunt-iconizr和grunt-svg-sprite。后者支持悬停(通过将文件命名为foo.png,foo〜hover.png),但仅适用于SVG文件作为输入(我没有)。

我也尝试安装Glue,但无法在计算机上正确安装和运行它。

谁能推荐一种仅将PNG文件作为输入并在输出Sprite / CSS上支持伪类的解决方案?

最佳答案

这正是Compass Sprites所做的。它从.png图像文件夹创建一个sprite图像,并且通过将文件命名为star.png和star_hover.png来支持伪类。

09-25 22:27
查看更多