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

Question

google 向我们展示了一个使用 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 类以获得您正在寻找的动画效果。