如何设置静态Webkit掩码

感谢您花时间帮助我。我想要做的是获得一个Webkit掩码（为IOS开发），以保持静态位置并对其掩盖的图像进行动画处理。我可以一起为面具或面具和图像制作动画，但对于我的生活而言，无法弄清楚如何在面具下面制作动画，而无需使用面具进行动画。如何设置静态Webkit掩码

的任何解决方案必须是纯HTML5，CSS，JS，因为我不能与任何外部的依赖关系（jQuery的等）

有什么想法打造？

您是否尝试过将图片设置为背景图片并对background-position进行动画制作？

下面是一个使用CSS3动画背景位置的例子，但你可以很容易地使用JavaScript：http://jsfiddle.net/blineberry/sRAfw/

或者你可以使用一个包装的掩模以及img子元素。 position: absolute的img到包装材料和动画img顶级/右/下/左风格：http://jsfiddle.net/blineberry/KdHCH/

2011-10-14 02:59:47 Brent

谢谢布伦特这两个解决方案都应该为我的工作我很感激。 –

回答