微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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元素,因此可能会增加复杂性.

原文地址:https://www.jb51.cc/css/217823.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。