编写CSS3阴影的最佳方法？

Question

我正试图设定这个标题。它带有一个阴影略微弹出一边，给它一个3D效果。请参阅以下内容：

我试图避免裁剪背景图片，出于性能原因，我喜欢以渐进增强方式编写代码。

我正在考虑将右边和底部变成边界，但是我可以通过什么技术来获得右手边缘？是否可以使用CSS3来制作这种设计？

Answer 1

多数民众赞成我可以把头上的一些css扔到一起： 可能需要添加一些供应商前缀，但可以工作到IE7。

fiddle

编辑：纠正小提琴。

Answer 2

有了双向，边界和阴影，你会遇到一些麻烦，看看我的小提琴： http://jsfiddle.net/DoubleYo/nYKn3/

我将尝试使用第三种方法：在

下放置一个seconde div之前