祈雨其雨

壬旦至食日不雨?壬旦至食日其雨?食日至日外不雨?食日至日外其雨?外日至廓兮不雨?外日至廓兮其雨?

CSS3绘制太极图和六芒星
发布于2013-2-11 22:10 北宫嬛 浏览3529 评论0 分享 小号字 大号字

年初二是走亲戚的日子,一整天就这么过去了到最后也没想起能写些啥。在网上乱转了两个钟头,抄了点css3绘图方面的东西。老规矩,依旧是chrome、傲游、火狐、IE10浏览器用户进来,IE6、7、8、9用户出去——使用不支持html5和css3的浏览器看到黑白方块和三角形的就别跟我抱怨了,权当做html5支持度测试吧。

先来一个太极双鱼图:

再来一个六芒星:

以上图案的代码请直接参考源文件。目前存在的缺陷是,构成这两种图案颜色的主要是html边框(border),css3新增的背景(background)渐变色功能无法适用,尽管通过一个px一个px地罗列颜色代码也可以给边框设置多重颜色渐变效果,但那始终不是长远之计——比较窄的边框可以这样搞,几百px宽度的边框总不能罗列上几百个颜色带吧吧!得想想怎么增添渐变色效果才行。

发言