CSS3旋轉是一種常見的樣式技巧，用于將元素旋轉到指定的角度或方向。旋轉的效果可以通過旋轉軸和旋轉角度來控制。旋轉軸可以是水平、垂直或水平和垂直的倍數關系。旋轉角度是旋轉的中心點與旋轉軸的夾角。

下面是一個簡單的CSS3旋轉示例，其中展示了如何使用CSS3的`transform`屬性來實現水平旋轉：

```html

<div class="rotate-水平">

<h1>Hello World!</h1>

</div>

```css

.rotate-水平 {

position: relative;

width: 200px;

height: 200px;

.rotate-水平 h1 {

position: absolute;

top: 0;

left: 50%;

transform: rotateY(-45deg);

transform-origin: 0 100%;

在上面的示例中，我們使用`position: relative`屬性將元素定位在頁面上，然后使用`transform: rotateY(-45deg)`屬性將元素旋轉45度，并將其旋轉到垂直方向。最后，我們使用`transform-origin`屬性來控制旋轉的中心點位置。

除了水平旋轉，還可以使用垂直旋轉、水平和垂直旋轉和360度旋轉等不同的旋轉方式。可以使用`@media print`語句來控制在打印模式下的旋轉效果。

旋轉效果可以通過多種方式實現，包括使用CSS3的transform屬性、使用JavaScript插件或使用HTML5的旋轉對象。選擇哪種方法取決于具體的需求和實現方式。