正方形旋轉(zhuǎn)成CSS

在CSS中，我們可以使用transform屬性將正方形旋轉(zhuǎn)，這個屬性允許你旋轉(zhuǎn)、縮放、移動和傾斜元素，在這個例子中，我們將使用transform屬性來旋轉(zhuǎn)一個正方形。

我們需要創(chuàng)建一個HTML元素，比如一個div元素，來代表我們的正方形，我們可以使用CSS來樣式化這個元素，并添加transform屬性來旋轉(zhuǎn)它。

下面是一個簡單的例子：

HTML代碼：

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

CSS代碼：

.square {
  width: 100px;
  height: 100px;
  background-color: #000;
  transform: rotate(45deg);
}

在這個例子中，我們創(chuàng)建了一個名為“square”的div元素，并設置了它的寬度和高度為100像素，背景顏色為黑色，我們使用了transform屬性來旋轉(zhuǎn)這個元素45度，你可以根據(jù)需要調(diào)整旋轉(zhuǎn)的角度。

如果你想要旋轉(zhuǎn)的方向不同，可以使用transform屬性的其他值來控制，如果你想讓正方形逆時針旋轉(zhuǎn)，可以使用“rotate(-45deg)”來替代“rotate(45deg)”。