javascript - 如何在悬停时使图像上的部分文本具有不同的颜色

Question

我正在努力实现的示例

https://dribbble.com/shots/15453707-Si-Design-PC-Homepage-Motion

我在 dribbble 上看到了这个例子，如果你将鼠标悬停在图像上，就会出现文本。文本在白色背景上为黑色，在图像上为白色。我尝试过使用混合混合，但这并没有给出相同的结果。关于如何实现这一点的任何建议。