CSS模糊+；边界半径

无法找到将模糊和边界半径应用于图像的方法。我想看到的是圆角模糊图像：

例如，当我尝试这样做时：

.outer {
    overflow: hidden;
    border-radius: 10px;
}
.inner {
    background-image: url(...);
    width: 100px;
    height: 100px;
    -webkit-filter: blur(3px);
}

我得到的不是我想要的，边界半径没有正确应用：

---

我们需要您的全部代码，请尝试以下操作：

.inner {
    background-image: url(...);
    width: 100px;
    height: 100px;
    border-radius: 10px;
    -webkit-filter: blur(3px);
}

---

试试这个……也许对你有帮助

.外部{
溢出：隐藏；
边界半径：10px；
宽度：100px；
高度：100px；
}
.内部{
宽度：100px；
高度：100px；
-webkit过滤器：模糊（3px）；
}

。你会拉小提琴吗？嗯，真的很管用。但我注意到当我向下滚动时，舍入消失了。也许是虫子