css3太极图效果+自动旋转_html/css_WEB-ITnose

主要使用border-radius属性实现圆，半圆，定位坐标覆盖部分模块。

半圆：

width: 50%; height: 100%;

border-radius:100% 0 0 100% /50% 0 0 50%;

实例源码