如何从重叠的图像创建时钟

Question

我正在尝试制作时钟（html / css / javascript），它慢慢动画向前打开另一张图片（在这种情况下的污染）。

示例：

任何想法如何在旋转摇杆时更好地揭开另一张照片？

Answer 1

以下是解释如何操作的文章的链接 - http://sawyerhollenshead.com/writing/23/using-svg-clippath/

希望你能为你的情况重拍它。

Answer 2

好吧，我们不会为你编码，但启发式会是这样的：

1. 创建div并将样式设置为包含background: url(myPollutedImage.jpg);。
2. JavaScript SetInterval以预先确定的时间间隔设置操作。
3. 在每个时间间隔，从＃1填充div，其中包含与该时间点相关的图像。确保图像是gif或png，以便它可以具有透明背景，从而暴露背景图像（污染）。
祝你好运！