旋轉(zhuǎn)正方形頂面是CSS中的一個常見操作，通常用于展示3D效果或動畫，要實現(xiàn)這一效果，我們需要使用CSS中的transform屬性，并結(jié)合rotate函數(shù)來指定旋轉(zhuǎn)的角度和方向。

我們需要創(chuàng)建一個正方形的HTML元素，并為其應(yīng)用CSS樣式。

<div class="square-top"></div>

在CSS中定義該元素的樣式，包括大小、顏色等：

.square-top {
  width: 100px;
  height: 100px;
  background-color: #000;
}

我們可以使用transform屬性來旋轉(zhuǎn)正方形的頂面，要將其頂面旋轉(zhuǎn)45度，我們可以這樣寫：

.square-top {
  transform: rotate(45deg);
}

這樣，正方形的頂面就會按照指定的角度進(jìn)行旋轉(zhuǎn)，我們可以根據(jù)需要調(diào)整旋轉(zhuǎn)的角度和方向，以達(dá)到不同的效果，我們還可以結(jié)合其他CSS屬性來進(jìn)一步定制該元素的外觀和行為。

使用CSS來旋轉(zhuǎn)正方形頂面是一種非常實用的技術(shù)，可以為我們提供豐富的視覺效果和交互體驗。