CSS3旋轉是一種很有趣的CSS技術。它可以使元素在不通過JavaScript或Flash的情況下旋轉。下面是如何使用CSS3旋轉。

首先，我們需要在CSS中定義要旋轉的元素。以下是一個帶有“box” ID的元素的示例：

#box{
width: 100px;
height: 100px;
background-color: red;
}

然后，我們可以通過使用“transform”屬性來旋轉元素。以下是如何將元素旋轉45度：

#box{
transform: rotate(45deg);
}

我們也可以使用“transform-origin”屬性更改旋轉的原點。以下是將元素圍繞左上角旋轉45度的示例：

#box{
transform: rotate(45deg);
transform-origin: top left;
}

另一種有趣的技巧是使用CSS3動畫來旋轉元素。以下是如何使用CSS3動畫使元素每2秒旋轉一次：

@keyframes rotate{
from{ transform: rotate(0deg); }
to{ transform: rotate(360deg); }
}
#box{
animation: rotate 2s infinite;
}

在上面的代碼中，“@keyframes”定義了一個名為“rotate”的動畫。我們定義了從0度到360度的動畫，并將其命名為“rotate”。然后我們將此動畫應用于名為“box”的元素，使用“animation”屬性，并將其無限期重復。

總之，CSS3旋轉是一種非常強大的CSS技術，它可以使元素更加有趣和動態。通過使用“transform”屬性和CSS3動畫，我們可以輕松地使元素旋轉。