CSS3形状 – 有什么可能?

我只关注最新的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一个示例,在一个示例中显示了几个形状……

解决方法

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

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效