背景过滤器在圆角留下人工制品

Question

我有一个带有淡入淡出 CSS 动画的元素和应用背景过滤器来模糊 Safari 中背景的子元素。

有两个问题：

1. 元素具有圆形边框。每个角落都可以看到暗影。

2. 当元素淡入时，直到淡入动画完成才绘制模糊。

Safari 和 iOS Safari 上的演示：

https://appifiny.co.uk/demo/

移除背景滤镜会移除角落的伪影。

Answer 1

我无法重现您的问题 - 因为我无法访问 iOS（等），但可以通过添加解决一些边界半径问题

#YourElement{
  perspective:1px;
}

到具有圆角的元素。

试试看，请给我们更新。

Answer 2

这实际上是一个 Safari 错误，已在 Technology Preview 6 中修复：

Safari TP 6

我仍然不确定问题 #2。