.taiji { animation:que 4s linear infinite; width:300px; height:300px; border:1px solid #ccc; position:relative; margin:0 auto; border-radius:150px; overflow:hidden; } .hei { width:300px; height:150px; background-color:#000; position:absolute; top:0; left:0; } .yin1 { background-color:#fff; height:150px; width:150px; position:absolute; top:75px; left:0; border-radius:75px; } .yang1 { background-color:#000; height:150px; width:150px; position:absolute; top:75px; right:0; border-radius:75px; } .yin2 { background-color:#000; width:20px; height:20px; position:absolute; top:140px; left:65px; border-radius:10px; } .yang2 { background-color:#fff; width:20px; height:20px; position:absolute; top:140px; right:65px; border-radius:10px; } @keyframes que { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
更新时间:2020-01-05 13:40:34