旋转太极八卦

太极八卦图，以同圆内的圆心为界，画出相等的两个阴阳鱼表示万物相互关系。阴鱼用黑色，阳鱼用白色，这是白天与黑夜的表示法。阳鱼的头部有个阴眼，阴鱼的头部有个阳眼，表示万物都在相互转化，互相渗透，阴中有阳，阳中有阴，阴阳相合，相生相克，即现代哲学中和矛盾对立统一规律表示法。

哈哈，装了个逼。其实我就是想教大家用css3画出旋转太极八卦。仅此而已。

实现效果如下图：

Html的代码很简单，就一行代码，如下图：

下面对div.tl标签进行一系列属性设置，变化如下图：

。。。。。。。。。。。。

。。。。。。。。。。。。

文章详情、源代码下载请单击这里查看

许你一城个人博客

原文地址：https://www.cnblogs.com/xuniyicheng/p/8733272.html