将阴影添加到抠图框

我可以使用CSS制作下面的框和其切口三角形（带边框技巧），但只有背景图案没有轻微的噪音。将阴影添加到抠图框

enter image description here

是有可能使与背景图案切口三角吗？

还卡住了阴影！我如何添加它？

我应该更好地切换回旧方法，在盒子周围使用跨度和背景图像？

编辑：带有一个背景图像的解决方案。

enter image description here

2013-03-19 Serdar

您需要两个或三个元素才能实现HTML/CSS的剪切。为什么不使用图像？ – Shmiddty 2013-03-19 18:16:24

是的，我想这个更好。我可能只是使用带有适当阴影的三角形图像，并将其添加到具有负边距的框下面以适合框的阴影的其余部分，对吧？ – Serdar 2013-03-19 18:24:39

这应该工作。它可能会导致副作用，延长到盒子外面。 – Shmiddty 2013-03-19 18:26:26

我只是有点用的CSS box-shadow魔法;所以这里是我认为你想要的近似值。

2013-03-19 18:47:51 Bernie

回答