CSS3形状 - 有什么可能？

Question

我只关注最新的gen浏览器：

• IE9（还没有真正研究过这个）
• FF4
• Chrome10
• Safari5
• iOS 3.4
• 歌剧？

我知道我可以轻松获得正方形和矩形，圆形和带有圆形边框的省略号（圆圈：W = H，省略号：W！= H）。我知道我可以通过边框设置获得slopes。我知道如何获得1/2和1/4圈，但是有可能得到：

• 饼楔（任何尺寸，在圆圈的任何位置？即18％的楔形，水平20％）
• 梯形，八角形，五边形，六边形
• 星星（指出明星）
• this中尚未提及的任何单个形状

我正在寻找CSS + DIV选项，而不是<canvas>选项。我也在寻找使用最少量嵌套div的选项。 Here是一个示例，在一个示例中显示了几个形状......

Answer 1

查看此页面以获取一些示例：http://css-tricks.com/examples/ShapesOfCSS/。这些示例仅使用单个HTML元素，因此可能会增加复杂性。