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

Phoebe的学习天地 2014-01-06

作者:zccst

2015-3-18

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

参考:张鑫旭博客

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

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

相关推荐