有没有办法在css中使用带阴影的box-shadow？

Question

我很抱歉标题为use box-shadow with blur，但我不知道这种技术叫做什么：

Facebook上的Css：

底部可能模糊，我试图使用：

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

但结果并不相同：

它叫什么，我该如何使用它？

Answer 1

对我而言，它们看起来实际上在底部有一个白色渐变，100％不透明度迅速消失至0％不透明度。试一试，看看你喜欢它。

Answer 2

正如Trev14所说，它使用线性渐变。这是他们的CSS：

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