CSS3绘制旋转太极图代码

代码说明：

制作过程： 第一步创建一个1:1的DIV(width和height)自定义： 第二步创建两个矩形，高度为宽度的一半拼合则为一个正方形 第三步设置上矩形和下矩形的角度使其成为半圆，切设置边框 第四步每个矩形里创建圆（且创建内圆） 第五步填充颜色，旋转整体角度即可 第六步为其父标签创建旋转动画参考css3里面的即可。