7

次の style.css ファイルがあるとします。

h1 {
  padding: 10px;
  background: url('/img/header.png');
}
p {
   background: url('/img/p.png');
}

このCSSの画像スプライトを自動的に作成する必要があります。私はこのようなものを取得する必要があります:

h1 {
  padding: 10px;
  background: url('/img/sprite.png') -47px 0;
}
p {
   background: url('/img/sprite.png') -130px 0;
}

grunt task を使って自動で作ることはできますか?

4

2 に答える 2

8

このgrunt-sprite-generatorを探しているようです。ドキュメントから：

スタイルシートで参照されている画像からスプライトを生成し、新しいスプライト画像と位置で参照を更新する Grunt タスク

法案に合うと思われる別のツールはgrunt-spritesmith です

于 2013-11-11T11:10:09.720 に答える
3

Grunt Imagineを使用してみませんか？

于 2013-04-07T15:53:39.727 に答える