纯CSS画的基本图形(圆形、三角形、多边形、爱心、八卦等)
1.圆形 2.椭圆 3.上三角 4.左上三角 5.平行四边形 6.梯形 7.六角星 8.五角 ...
原文：纯CSS画的基本图形（矩形、圆形、三角形、多边形、爱心、八卦等）,里面很多涉及到CSS3的一些属性。
图形包括基本的矩形 圆形 椭圆 三角形 多边形，也包括稍微复杂一点的爱心 钻石 阴阳八卦。其中绝大部分涉及到CSS 中的border radius，text shadow，transform等一些比较复杂的属性，所以需要有一点CSS 基础的最好。特别注意的是此效果不兼容IE lt 的浏览器，最好用firefox，chrome等浏览器。以下案例都由本人亲自测试，希望好学您也可以一一测试一下。 .正 ...
2012-02-06 17:25 2 3152 推荐指数：
相关推荐
纯CSS画的基本图形（矩形、圆形、三角形、多边形、爱心、八卦等）
图形包括基本的矩形、圆形、椭圆、三角形、多边形，也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性，所以在你打开这篇文章的时候，我希望你用的是firefox或者chrome，当然IE也能看一部分的。那好，下面就一起来看看我们是如何用纯CSS来画这些图形 ...
【转】纯CSS画的基本图形（矩形、圆形、三角形、多边形、爱心、八卦等），NB么
今天在css-tricks上看到一篇文章，那篇文章让我不禁心头一震，强大的CSS啊，居然能画出这么多基本的图形。图形包括基本的矩形、圆形、椭圆、三角形、多边形，也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性，所以在你打开这篇文章的时候，我希望你用的是firefox ...
纯CSS画的基本图形（矩形、圆形、三角形、多边形、爱心、八卦等）
1、正方形 代码如下: #square { width: 100px; height: 100px; background: red; } 2、长方形 CSS代码 ...
纯CSS画的基本图形（矩形、圆形、三角形、多边形、爱心、八卦等）
今天在css-tricks上看到一篇文章，那篇文章让我不禁心头一震，强大的CSS啊，居然能画出这么多基本的图形。图形包括基本的矩形、圆形、椭圆、三角形、多边形，也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性，所以在你打开这篇文章的时候，我希望你用的是firefox ...
纯CSS画的基本图形（矩形、圆形、三角形、多边形、爱心、八卦等），NB么？
今天在css-tricks上看到一篇文章，那篇文章让我不禁心头一震，强大的CSS啊，居然能画出这么多基本的图形。图形包括基本的矩形、圆形、椭圆、三角形、多边形，也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性，所以在你打开这篇文章的时候，我希望你用的是 firefox ...
纯CSS画的基本图形（矩形、圆形、三角形、多边形、爱心、八卦等）
今天在css-tricks上看到一篇文章，那篇文章让我不禁心头一震，强大的CSS啊，居然能画出这么多基本的图形。图形包括基本的矩形、圆形、椭圆、三角形、多边形，也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性，所以在你打开这篇文章的时候，我希望你用的是firefox ...
canvas快速绘制圆形、三角形、矩形、多边形
炫的图形，注意：是一系列！欢迎关注！ 后续每篇文章我会着重分享给大家一些使用Canvas开发的实例和这 ...