`
zccst
  • 浏览: 3287061 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

纯CSS来画基本的矩形、圆形、椭圆、三角形、多边形等

css 
阅读更多
作者:zccst

2015-3-18
除了常规的三角形外,还可以画出更复杂的三角箭头,倾斜箭头。但是前提是必须是单一背景色,没法做到透明。如果想让该箭头在任何场景,还需要使用png图片。

参考:张鑫旭博客



图形包括基本的矩形、圆形、椭圆、三角形、多边形,也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性,所以在你打开这篇文章的时候,我希望你用的是firefox或者chrome,当然IE也能看一部分的。那好,下面就一起来看看我们是如何用纯CSS来画这些图形的,如果你也觉得很震撼,推荐给你的朋友吧。

转载地址:http://www.itivy.com/ivy/archive/2012/1/16/css-shape.html
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics