css3圆角实现太极符号

好久没来这里发过帖了，吃饭前发一个昨晚搞的太极图


css3圆角实现太极符号

利用CSS3中的圆角属性实现太极符号的绘制。

原本计划是使用3个标签，结合边框属性绘制一个太极符号的，结果可惜在webkit内核浏览器中总是存在着一些瑕疵，后续再尝试。

预想或许还可以利用:after和:before这两个伪元素来协助，这样的话，或许一个标签就可以完成了。

代码其实很简单，就是圆角属性和定位而已。
效果查看：http://www.linxz.de/demo/taiji.html

更多介绍看这里：http://blog.linxz.de/taiji_for_css3/

[ 本帖最后由 phantom 于 2011-1-7 12:02 编辑 ]

IE系列看是方形的，Opera看有个弧形基本也是方形的。
谷哥浏览器和火狐浏览器看效果出来了，恭喜！

飞常不错！飞常有心！