CSS3是當前Web開發中最常用的樣式語言之一，它提供了很多強大的功能，可以用來控制網頁的布局、樣式、動畫等等。其中，旋轉圖標是一種常見的CSS3操作，可以通過旋轉圖標來使圖標在不同的角度下呈現出不同的效果。

在CSS3中，可以使用`transform`屬性來控制元素的旋轉方向和旋轉角度。`transform`屬性的值包括`matrix`,`scale`,`scaleX`,`scaleY`,`rotate`,`rotateX`,`rotateY`等。其中，`matrix`值可以用來設置旋轉矩陣，`scale`和`scaleX`值可以用來控制元素的大小，`scaleY`值可以用來控制元素的高度。`rotate`值可以用來設置元素的旋轉角度，`rotateX`和`rotateY`值可以用來設置元素的旋轉方向。

下面以旋轉90度的圖標為例，演示如何使用CSS3來實現圖標的旋轉效果：

```html

<div class="icon">

</div>

```css

.icon {

width: 20px;

height: 20px;

border: 1px solid #ccc;

border-radius: 50%;

transform: rotate(-90deg);

通過上述代碼，就可以實現將圖標旋轉90度的操作方法。當然，也可以根據圖標的不同角度，調整旋轉的大小和方向，使圖標呈現出更加不同的效果。

CSS3提供了很多強大的功能，可以用來控制元素的樣式和布局，使網頁更加美觀和易于使用。掌握CSS3的使用方法，可以幫助我們更好地實現圖標的旋轉效果，使網頁更加美觀和實用。