框形阴影与三角形边框创建雪佛龙形div

时间:2012-03-09 14:20:09

标签: css css3 css-shapes

我正在尝试创建一组人字形的div,并且遇到了这篇文章,其中色带具有内部三角形形状。 http://css-tricks.com/snippets/css/ribbon/

我试图添加一个跟随三角形的外部边框,这样可以实现我正在寻找的效果,而无需使用图像。

不幸的是,当我尝试添加一个盒子阴影时,我最终在div周围形成了一个方形阴影,而不是三角形位周围的阴影。

有关如何实现这一点的任何建议?

1 个答案:

答案 0 :(得分:1)

我认为目前没有任何简单的解决方案来创建除矩形和圆角矩形之外的形状的CSS阴影(使用border-radius)。但我认为一种可能性(尽管更复杂)将使用CSS3变换旋转以及盒阴影。您可以选择一些技术here,也许您可​​以根据需要进行修改。