摘要:
今天在css-tricks上看到一篇文章,那篇文章让我不禁心头一震,强大的CSS啊,居然能画出这么多基本的图形。图形包括基本的矩形、圆形、椭圆、三角形、多边形,也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性,所以在你打开这篇文章的时候,我希望你用的是firefox或者chrome,当然IE也能看一部分的。那好,下面就一起来看看我们是如何用纯CSS来画这些图形的,如果你也觉得很震撼,推荐给你的朋友吧。1、正方形最终效果:CSS代码如下:1 #square {2 width: 100px;3 height: 100px;4 backgrou... 阅读全文
随笔档案
最新评论
- 1. Re:淘宝前端技术系列课程分享
- 想问下链接打不开了是过期了吗?还是要翻墙?
- --陈haiyan
- 2. Re:HTML5 Canvas实战之刮奖效果
- 怎么设置只有文字的不显示图片的呢?我lotter和 lotteryType都改为text了,默认是图片,刷新下才是文本的,
- --靳闯博客
- 3. Re:HTML5新特性之Mutation Observer
- 引用var mutationObserverSupport = !!MutationObserver;这里的!!是什么意思呢...
- --不会跳青蛙
- 4. Re:HTML5新特性之Mutation Observer
- 我就说嘛 怎么说mo.observer不是一个方法
- --Cyan_Con
- 5. Re:前端攻城狮学习笔记九:让你彻底弄清offset
- 实际操作发现,offsetWidth和div相对定位后的左或右移动毫无关系
- --周周b612