带背景滤镜模糊的比较滑块不起作用

Question

我希望在Three.JS的360场景中与模糊区域进行滑块比较

当前，我有一个比较滑块可在ThreeJS场景中使用。每次比较代表两种眼镜的两个模糊区域。我使用背景滤镜来管理这种模糊，并使用剪切路径来做比较滑块。

backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);

&&

backdrop-filter: blur(80px);
-webkit-backdrop-filter: blur(80px);

您可以在此处看到我的代码（如果只想查看模糊区域，请删除背景色）：https://codepen.io/guicolombel/pen/oNNgxNP

我希望滑块比较可用于模糊区域。无法放置背景图片或img，我很难看到另一种方式。

提前谢谢！