如何在CSS中对形状进行模糊效果？

Question

我有一个像这样的模糊背景的形状：

我想放入我的布局而不必将其从PSD文件中删除。我曾尝试使用CSS来创建它，但到目前为止我所拥有的只是一个背景坚固的形状。任何超人的任何答案将非常感谢！非常感谢，！

这些是我的代码，直到现在：

＆＃13;

＆＃13;

.sld-shadow {
  width: 100%;
  border-left: 96px solid transparent;
  border-right: 96px solid transparent;
  border-bottom: 36px solid rgba(0,0,0,0.5);
}

＆＃13;

<div class="sld-shadow"></div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

您可以使用CSS过滤器：

.sld-shadow {
  filter: blur(20px);
}

您还要确保自己也有browser support。