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

你可以使用＆＃39; filter：drop-shadow（）＆＃39;代替。

#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/