轉(zhuǎn)動的球用CSS怎么寫？

在CSS中，我們可以使用@keyframes規(guī)則來創(chuàng)建動畫，從而實現(xiàn)轉(zhuǎn)動的球，以下是一個簡單的示例代碼：

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ball {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #333;
  animation: rotate 2s linear infinite;
}

在這個示例中，我們創(chuàng)建了一個名為rotate的動畫，該動畫將元素從0度旋轉(zhuǎn)到360度，我們將該動畫應(yīng)用到一個具有ball類的元素上，該元素是一個寬度和高度都為100像素的圓形，背景顏色為#333，動畫的持續(xù)時間為2秒，線性過渡，并且會無限次重復(fù)。

這只是一個簡單的示例，你可以根據(jù)自己的需求進行調(diào)整，你可以更改動畫的持續(xù)時間、旋轉(zhuǎn)角度、顏色等屬性，以達到你想要的效果，你也可以將多個球組合在一起，形成更加復(fù)雜的動畫效果。