Javascript 如何设置静态Webkit掩码

谢谢你抽出时间来帮我。我想做的是让一个Webkit掩码（为IOS开发）保持在一个静态位置，并为它所屏蔽的图像设置动画。我已经能够动画只是面具或面具和图像一起，但我的生活不能想出如何动画面具下面的图像没有面具旅行它

任何解决方案都需要纯HTML5、CSS、JS，因为我无法使用任何外部依赖项（jquery等）构建

---

有什么想法吗？

您是否尝试过将图像设置为背景图像并设置

背景位置的动画

下面是一个使用CSS3设置背景位置动画的示例，但您也可以同样轻松地使用javascript：

或者您可以使用掩码的包装器和
img
子元素
position:absolute
将
img
放到包装器上，并设置
img
的上/右/下/左样式的动画：
谢谢你，布伦特，这两种解决方案都适合我，我很感激。