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

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

半圆：

width: 50%; height: 100%;

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

    
     太极图            
         
          
          
   
    
          
   
    
      
 

实例源码