来自 div 的 CSS3 曲线剪裁？
有没有一种方法来创建一个切口div与CSS3像在下面的例子？
我想要做的是在 2 之间创建一个切口divs作为图像。实际div正被切割出的是div在底部，它有一个background-color，一个drop shadow，inset shadow和一个border style。
然后我想做的是CSS3在div.
编辑 - 新解决方案
使用radial-gradient，可以在剪切 div 中实现新的质量水平：Running Demo
旧解决方案
你可以用同质的背景来做，而不是像你这样的艺术背景。有些事情是 CSS 永远不会做的，例如成为 Photoshop。
但是，您可以使用边框、负边距和 z-index 来解决问题；
演示：http : //jsfiddle.net/cB8Qq/
HTML
<body>
<div class="container">
<div class="rounded">bla bla bla</div>
<div class="digged"> <br/><br/>or yada yada yada </div>
</div>
</body>
CSS
.container{
text-align: center;
background: #ddd;
}
.rounded{
margin: 0 auto;
border-radius: 50px;
width: 200px;
height: 30px;
background: silver;
padding: 10px;
border: 10px solid #ddd;
z-index: 1;
position: relative;
}
.digged{
margin: 0 auto;
background: silver;
width: 400px;
height: 100px;
margin-top: -30px
}