有沒有辦法在css中使用帶有模糊的盒子陰影？

Question

我爲標題use box-shadow with blur抱歉，但我不知道這是什麼技術，即：

底部可以是模糊的，我試着使用：

在Facebook上的CSS ：

box-shadow: inset 0px -7px 10px 0px rgba(0,0,0,.15); 

但結果卻不盡相同：

它叫什麼，我該如何使用它？

Answer 1

正如Trev14所說，它使用線性漸變。這裏是他們的CSS：

._5r8l .uiScrollableArea.contentAfter:after { 
    background: linear-gradient(rgba(255, 255, 255, .05), #fff); 
    border-radius: 0 0 3px 3px; 
    height: 12px; 
} 

Answer 2

對我來說，看起來他們實際上在底部有一個白色漸變，並且100％不透明度快速消失到0％不透明度。試一試，看看你喜歡它。