带三角形边框的长方体阴影可创建V形div

Question

我正在尝试创建一组人字形的div，偶然发现了这篇文章，其中的丝带有一个内部三角形的形状。http://css-tricks.com/snippets/css/ribbon/

我试图在三角形后面添加一个外部边框，这将在不需要使用图像的情况下实现我正在寻找的效果。

不幸的是，当我尝试添加一个长方体阴影时，我在div周围得到了一个正方形的阴影，而不是三角形部分的阴影。

有什么建议可以帮你解决这个问题吗？

Answer 1

我不认为目前有任何简单的解决方案来创建形状的CSS阴影以外的矩形和圆角矩形(使用border-radius)。但我认为一种可能性(尽管更复杂)是使用CSS3变换旋转和长方体阴影。您可以学习一些here技术，也许您可以对其进行修改以满足您的需要。