带三角形边框的箱形阴影创建雪佛龙形div div

Question

我试图创建一组雪佛龙形divs，并遇到了这篇文章，其中的丝带有一个内部的三角形形状。 http://css-tricks.com/snippets/css/ribbon/

我试图添加一个外部边框，它将跟随三角形，这将实现我正在寻找的影响，而无需使用图像。

不幸的是，当我试图加入的box-shadow，我结束了与周围的DIV，不是周围的三角位影子的影子广场。

有关如何实现这一目标的任何建议？

Answer 1

我不认为有任何目前简单的解决办法（使用border-radius）创造出比矩形和圆角矩形其他形状的CSS阴影。但我认为一个可能性（尽管更复杂）将使用CSS3转换旋转和box-shadow。你可以拿起一些技巧here，或许你可以修改以适应你的需要。