太极八卦图，以同圆内的圆心为界，画出相等的两个阴阳鱼表示万物相互关系。阴鱼用黑色，阳鱼用白色，这是白天与黑夜的表示法。阳鱼的头部有个阴眼，阴鱼的头部有个阳眼，表示万物都在相互转化，互相渗透，阴中有阳，阳中有阴，阴阳相合，相生相克，即现代哲学中和矛盾对立统一规律表示法。
哈哈
，装了个逼。其实我就是想教大家用css3画出旋转太极八卦。仅此而已。
实现效果如下图：
html的代码很简单，就一行代码，如下图：
下面对div.tl标签进行一系列属性设置，变化如下图：
。。。。。。。。。。。。
。。。。。。。。。。。。