filter:blur() 导致 Safari 出现故障

Question

我有一个网站，有一个跟随光标移动的 svg。

它在 Chrome 和 Safari 中工作正常，但在 Safari（ios 和桌面）中出现故障。物体的边缘周围出现一些奇怪的方块。我不确定它是别名还是什么。也许是优化错误或其他什么？

如果有人知道如何解决这个问题，我将非常感激。

非常感谢

Answer 1

will-change: filter在模糊元素上使用CSS 属性。这告诉 Safari 在渲染时使用较少的优化 - 我猜测 Safari 在渲染模糊滤镜时会以某种方式“作弊”。