シェイプ形状のdivを作成するための三角形の枠線付きのボックスシャドウ

Question

シェブロン型のdivのグループを作成しようとしていますが、この記事にはリボンの内部三角形があります。 http://css-tricks.com/snippets/css/ribbon/

私は、画像を使用することなく、私が探している影響を達成する三角形に続く外枠を追加しようとしていました。

残念ながら、ボックスシャドウを追加しようとすると、三角形の周りの影ではなくdivの周りに正方形の影ができました。

これを達成する方法についてのご意見はありますか？

Answer 1

現在のところ、矩形や丸みのある四角形（border-radiusを使用）以外の図形のCSSシャドウを作成する簡単なソリューションはありません。しかし、私は、（複雑ではあるが）ボックスシャドウと一緒にCSS3の回転を使用する可能性はあると思う。おそらくあなたのニーズに合わせて変更することができるいくつかのテクニックhereを拾うことができます。