CSS3 原地旋轉(zhuǎn)

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

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

```html

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

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

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

```html

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

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

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