使用css画一些矢量图

用纯CSS画一些矢量图：比如矩形、原型、半圆、扇形、三角形
等等。
重要的不是如何实现，而是在实现的过程中发现css还能这样玩的惊喜！！！
强烈建议花点时间自己手敲出来，不要只看！不要只看！不要只看！

实现过程中用的最多的属性有：

  • border-radius:
    • 定义：CSS属性 border-radius 用来设置边框圆角
    • 大多数圆角都是通过这个属性实现的。
  • background:transparent ：背景设置为透明

真实实现在这
部分资料链接自励志故事

这个链接更666草根程序猿

如何画三角形简书康斌

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 各种纯css图标
    各种纯css图标 CSS3可以实现很多漂亮的图形，我收集了32种图形，在下面列出。直接用CSS3画出这些图形，要比...
    剑残阅读 13,251评论 0赞 8
  • 实用的60个CSS代码片段
    1、垂直对齐 如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，...
    kiddings阅读 8,385评论 0赞 11
  • Css专题总结
    选择qi：是表达式 标签选择器 类选择器 属性选择器 继承属性： color，font，text－align，li...
    love2013阅读 6,842评论 0赞 11
  • 忆老宋
    本文致敬狗毛飞扬的青春岁月。 长大到了这个年龄，认识了很多很多朋友。林子大了什么鸟都有。我的朋友大多不一样，长相不...
    年某人阅读 1,469评论 0赞 0
  • 107-读书笔记：超实用的笔记读书法
    买书日期：20160727笔记日期：20160809书名：《如何有效阅读一本书》作者：【日】奥野宣之 推荐理由： ...
    Lillian0123阅读 3,379评论 3赞 6