用CSS3做各种样式的饼图

2016-06-02
阅读 1 分钟
16.3k
以前一直用highcharts做饼图的效果,但有时候,一些比较简单的饼图用highcharts的话有点杀鸡用牛刀的感觉。所以自己研究了一下如何用css3来达到这个效果。并封装了一下,支持多种样式,写了一个 pie.js 。

【二次元的CSS】—— CSS3画的能换频道的电视机(合集)

2016-05-23
阅读 1 分钟
5.7k
帮大家回忆一下,小时候的电视机。每到星期二的下午,总是这个图案。 GitHub传送门:[链接] 这次分2步来做, 先画电视机,再画 《没有信号》的界面。好像也没什么难点,纯体力活。 这次绝笔之作中,把之前所有用css3画的东西都放进电视机里了。所以电视机是可以切换频道的。 这次不贴代码了,有点多。有兴趣的同学就fork...

【二次元的CSS】—— 纯CSS3做的能换挡的电扇

2016-05-20
阅读 3 分钟
5.9k
这次分享的电扇,和以往用css3画人物相比 多加了一点交互,就是电扇开关的地方,用到了一点点css3的 :checked +div 这个很少用到的选择器来实现的。

【二次元的CSS】—— 用 DIV + CSS3 画大白(详解步骤)

2016-05-17
阅读 8 分钟
7.1k
原本自己也想画大白,正巧看到一位同学(github:[链接])也用相同的方法画了。 且细节相当到位。所以我就fork了一下,在此我也分享一下。同时,我也希望有更多的同学发挥自己的想象力,来找个东西画画。

【二次元的CSS】—— 用 DIV + CSS3 画Hello Kitty(详解步骤)

2016-05-13
阅读 13 分钟
11.2k
原本自己也想画Hello Kitty,正巧看到一位外国友人Lauren McConachie(她的个人网站: [链接]。)也用相同的方法画了。 且细节相当到位。在此我也分享一下。(出于尊重原作者的目的,CSS我就不修改了)

【二次元的CSS】—— 用 DIV + CSS3 画咸蛋超人(详解步骤)

2016-05-11
阅读 5 分钟
7.1k
仅仅使用div作为身体的布局,用css3的各种transform和圆角属性来绘制各部位的形状,当然也不会使用任何图片哦。那就没意思了。有的同学说,用canvas不是能画得更逼真而且更简单吗?这点我也非常赞同,但我的理由还是,那就没意思了。

【二次元的CSS】—— 用 DIV + LESS 做一个小黄人构造器

2016-05-10
阅读 9 分钟
6.7k
仅仅使用div作为身体的布局,用css3的各种transform和圆角属性来绘制各个细节的形状,当然也不会使用任何图片哦。那就没意思了。 有的同学说,用canvas不是能画得更逼真而且更简单吗?这点我也非常赞同,但我的理由还是,那就没意思了。 这次用到了一些LESS的特性,通过设置一些指定的参数来生成不同种类、不同身材的小...