使用CSS讓一個圓旋轉的實現方法:
/* 定義圓的樣式 */ .circle { width: 100px; height: 100px; background-color: red; border-radius: 50%; position: relative; } /* 定義旋轉的樣式 */ .rotate { animation: rotation 2s infinite linear; transform-origin: center; } /* 定義旋轉動畫的樣式 */ @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* 使用一個div來顯示旋轉的圓 */ <div class="circle rotate"></div>