CSS用阴影绘制形状

Question

我需要绘制形状，如小提琴页http://jsfiddle.net/wnhjb/824/所示，带有阴影，但是阴影似乎周围不是围绕形状。<<<<<<<<<<<<<<

#shape {
   height: 0; 
   width: 200px;
   border-top: 50px solid blue;
   border-right: 50px solid transparent;
   box-shadow: 6px 6px 3px rgb(22,73,134); 
}

如何使用上述代码获得正确的结果。

Answer 1

您可以使用'filter：drop-shadow（）'而不是。

#shape {
   height: 0; 
   width: 200px;
   border-top: 50px solid blue;
   border-right: 50px solid transparent;
   //box-shadow: 6px 6px 3px rgb(22,73,134); 
   filter: drop-shadow(6px 6px 3px gray);
}

更新了小提琴 - http://jsfiddle.net/wnhjb/826/