CSS3形状 – 有什么可能?

前端之家收集整理的这篇文章主要介绍了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元素,因此可能会增加复杂性.

猜你在找的CSS相关文章