如何设置静态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/
谢谢布伦特这两个解决方案都应该为我的工作我很感激。 –