jquery - 使用 css 遮罩的 Jquery 动画

Question

我一直在研究使用图像蒙版时为图像背景设置动画。我只是不知道是否可以在动画背景色时使用图像蒙版

这里的例子 - JSFiddle

理想情况下，我正在寻找的是在蓝色（水）填充杯子时让背景图像（谷物）不显示在玻璃图像中。

此外，由于使用了图像蒙版，我现在能够看到整个<div>蓝色填充。有什么办法也看不到吗？我想让玻璃图像覆盖在背景上，同时我可以让蓝色填充杯子。