在CSS中，您可以使用transform屬性來實(shí)現(xiàn)矩形的旋轉(zhuǎn)，以下是一個示例，展示了一個矩形如何圍繞其左上角旋轉(zhuǎn)：

1、HTML結(jié)構(gòu)：

<div class="rotate-box"></div>

2、CSS樣式：

.rotate-box {
  width: 200px;
  height: 200px;
  background-color: #333;
  position: relative;
  transform-origin: left top; /* 設(shè)置旋轉(zhuǎn)中心為左上角 */
  animation: rotate 5s infinite linear; /* 定義一個旋轉(zhuǎn)動畫 */
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

在這個示例中，我們創(chuàng)建了一個名為rotate-box的矩形，并使用transform-origin屬性將其旋轉(zhuǎn)中心設(shè)置為左上角，我們定義了一個名為rotate的動畫，使矩形能夠無限循環(huán)地旋轉(zhuǎn)，在@keyframes規(guī)則中，我們指定了動畫的起始位置和結(jié)束位置，從而完成了一個完整的旋轉(zhuǎn)周期。

這種方法可以讓矩形在其左上角周圍旋轉(zhuǎn)，而無需復(fù)雜的數(shù)學(xué)計算或額外的HTML元素，希望這對您有所幫助！