css - 使用 png 创建方形空间动画

Question

有人知道如何重新制作屏幕右侧的动画吗？ 它是如何完成的？ http://www.squarespace.com/

我正试图在我的网站上重现这种效果，一只手在 ipad 上滚动。

谢谢! 达米安

Answer 1

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

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

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