CSS3 原地旋轉(zhuǎn)

CSS3 提供了一種強(qiáng)大的方式，可以使用旋轉(zhuǎn)操作來將元素在原地旋轉(zhuǎn)一定的角度。這種旋轉(zhuǎn)操作可以使用 CSS3 的 transform 屬性來實現(xiàn)，其中旋轉(zhuǎn)角度可以通過設(shè)置旋轉(zhuǎn)中心的旋轉(zhuǎn)角度或使用三個旋轉(zhuǎn)角度值之一來設(shè)置旋轉(zhuǎn)方向和角度。

下面是一個簡單的示例，展示了如何使用 CSS3 原地旋轉(zhuǎn)操作來將元素旋轉(zhuǎn) 90 度：

```html

<div style="transform: rotate(90deg);"></div>

在這個示例中，我們使用了 `transform: rotate(90deg);` 屬性來將元素旋轉(zhuǎn) 90 度。元素會被旋轉(zhuǎn)到其原始位置，但是其背景顏色和邊框會隨之發(fā)生變化。

除了使用旋轉(zhuǎn)中心來設(shè)置旋轉(zhuǎn)角度，還可以使用三個旋轉(zhuǎn)角度值之一來設(shè)置旋轉(zhuǎn)方向和角度。例如，如果想將元素旋轉(zhuǎn) 45 度、75 度和 90 度，可以分別設(shè)置這三個旋轉(zhuǎn)角度值：

```html

<div style="transform: rotate(45deg); transform: rotate(75deg); transform: rotate(90deg);"></div>

在這個示例中，我們使用了三個旋轉(zhuǎn)角度值之一來將元素旋轉(zhuǎn) 45 度、75 度和 90 度。元素會被旋轉(zhuǎn)到其原始位置，但是其背景顏色和邊框會隨之發(fā)生變化。

CSS3 原地旋轉(zhuǎn)操作可以用于各種應(yīng)用場景，例如在網(wǎng)站和應(yīng)用程序中使用旋轉(zhuǎn)效果，或者用于在圖片中實現(xiàn)旋轉(zhuǎn)效果等。