在CSS中，我們可以使用transform屬性來實現(xiàn)控件的旋轉動畫，以下是一個簡單的示例，展示了一個HTML按鈕如何被CSS旋轉：

1、HTML部分：

<button id="rotate-btn">旋轉按鈕</button>

2、CSS部分：

#rotate-btn {
  position: relative;
  width: 100px;
  height: 100px;
  border: none;
  background-color: #4CAF50;
  color: white;
  font-size: 24px;
  border-radius: 50%; /* 讓按鈕呈現(xiàn)圓形 */
  transition: transform 2s; /* 定義旋轉動畫的時間和樣式 */
}
#rotate-btn:active {
  transform: rotate(360deg); /* 當按鈕被點擊時，執(zhí)行360度旋轉 */
}

在這個示例中，我們首先定義了一個按鈕的樣式，包括寬度、高度、背景顏色和文字，我們使用transform屬性來實現(xiàn)旋轉效果，當按鈕被點擊時，它會執(zhí)行一個360度的旋轉動畫，這個動畫是通過#rotate-btn:active偽類來定義的，它確保了當用戶點擊按鈕時，旋轉動畫會發(fā)生。