CSS3形状 - 有什么可能？

Question

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

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

我知道我可以轻松获得正方形和矩形,带圆形边框的圆圈和省略号(圆圈:W = H,省略号:W!= H).我知道我可以获得有边框设置的斜坡.我知道如何得到1/2和1/4圈,但有可能得到:

• 饼楔(任何尺寸,在圆圈的任何位置？即18%的楔形,水平20%)
• 梯形,八角形,五边形,六边形
• 星星(尖角星)
• 这里没有提到的任何个别形状

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

Answer 1

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