如何在CSS中爲圖形制作模糊效果？

Question

我有一個模糊的背景是這樣的形狀：

我希望把我的佈局，而不必從PSD文件削減它。我曾嘗試使用CSS來創建它，但到目前爲止我所得到的僅僅是一個具有堅實背景的形狀。任何超人的任何答案將不勝感激！非常感謝你，！

這是我的代碼至今：

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

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

Answer 1

你可以使用CSS濾鏡：

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

你要確保你有browser support以及。