CSS3形狀 - 有什麼可能？

Question

我看只有最新的瀏覽器根：

• IE9（還沒有真正研究過這一次多）
• FF4
• Chrome10
• Safari5
• 的iOS 3.4
• 歌劇？

我知道我可以很容易得到正方形和矩形，具有圓形邊界的圓形和省略號（圓形：W = H，省略號：W！= H）。我知道我可以通過邊框設置獲得slopes。我知道如何獲得1/2和1/4圈，但有可能得到：

• 餅楔（任何尺寸，在任何位置在圓圈即18％的楔形，20％？水平）
• 梯形，八邊形，五邊形，六邊形
• 星（正五角星）
• 任何單個形狀的未已經提到

我要找的CSS this + DIV選項，而不是<canvas>選項。我也在尋找使用最少嵌套div的選項。 Here是一個在一個示例中顯示幾種形狀的示例...

Answer 1

查看此頁面的一些示例：http://css-tricks.com/examples/ShapesOfCSS/。這些示例僅使用一個HTML元素，因此可能會增加複雜性。