如何剪切这样的CSS精灵图像来制作动画？

Question

谷歌向我们展示了一个使用css sprite制作动画的非常好的例子。

http://www.google.com/green/storyofsend/desktop/#/over-to-google是您可以看到它如何工作的地方（只关注信封）。

我只是想知道如何制作这样的图像？ http://www.google.com/green/storyofsend/desktop/assets/images/package.png

有什么工具可以提供帮助吗？

Answer 1

如果您已经有单独的图像，Compass将帮助您将它们组合成一个精灵，并为它生成CSS类。然后，您可以更新目标元素上的CSS类，以获得您正在寻找的动画效果。