使用png创建方形空间动画

Question

有人知道重新创建屏幕右侧的动画吗？ 怎么做？ http://www.squarespace.com/

我正在尝试在我的网站上重新创建该效果，其中一只手在ipad上滚动。

谢谢！ 达米安

Answer 1

他们创建了一个非常大的图像，动画的每一帧都水平放置在下一个框架旁边。

http://cf.squarespace.com/details/musician-hand-sequence-hires.png

图像被设置为元素的背景图像，其大小与动画的一帧大小相同。然后，background-position被更改为控制动画的哪个帧，可能是通过javascript。