Html 三角形上的滤波模糊

有没有办法添加一个溢出隐藏或类似于实心三角形的东西，使其仍然显示一个模糊区域，但边缘是实心的？我正在使用这个css，正如你在小提琴上看到的-

---

我不知道你在问什么。你想要一个有实心边的模糊三角形吗？（听起来有点矛盾）你能提供一张你想要的图片吗？我只是想要一个模糊的三角形，而不是羽化的边缘，我希望它们是尖锐的。所以我在想，是否有一种方法可以创建一个更小的三角形，如果有一个溢出隐藏，可以隐藏模糊三角形的边缘，让它们看起来更清晰

.arrow-up {
    border-left: 350px solid transparent;
    border-right: 350px solid transparent;
    border-bottom: 350px solid rgba(0,0,0,0.7);
    position: absolute;
    bottom: -310px;
    filter: blur(7px);
    left: -351px;
}

.arrow-behind {
    border-left: 300px solid transparent;
    border-right: 300px solid transparent;
    border-bottom: 300px solid rgba(0,0,0,0.7);
    position: absolute;
    bottom: 19px;
    left: 49px;
}