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

时间:2012-09-01 23:06:22

标签: javascript jquery html css

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

示例:

enter image description here

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

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:0)

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

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