css做的三角形，怎么给他加上一个三角形的边框阴影？

Question

给他加上了box-shadow,但是出现的还是一个矩形的阴影；代码地址：http://runjs.cn/detail/py3j7ign

Answer 1

也许是这样吧 http://codepen.io/jackpan/pen...

Answer 2

大概是再叠加一个三角形在底部，使用CSS3 filter给它模糊，模拟阴影效果··

Answer 3

用 drop-shadow() 可实现，只不过是实验性功能（MDN 参考）

如：

filter: drop-shadow(7px -7px 10px blue);

兼容性：

Demo：

https://jsfiddle.net/53jgmw93/