CSS中有一個(gè)非常有趣的屬性可以讓文本旋轉(zhuǎn)，那就是transform。

transform: rotate(30deg);

上述代碼就是讓元素旋轉(zhuǎn)30度，但是這個(gè)元素里的文本并沒有旋轉(zhuǎn)，只不過是將整個(gè)元素旋轉(zhuǎn)了而已。

如果想要讓文本也跟著旋轉(zhuǎn)，可以將文字放在一個(gè)span標(biāo)簽中，然后對(duì)這個(gè)span標(biāo)簽應(yīng)用transform屬性，如下代碼：

.spin {
display: inline-block;
transform: rotate(30deg);
}

然后在文本中使用這個(gè)span標(biāo)簽，就可以讓文本一起旋轉(zhuǎn)了：

<p>這是一段<span class="spin">旋轉(zhuǎn)的文字</span>。</p>

除了旋轉(zhuǎn)，transform還可以實(shí)現(xiàn)其他效果，如縮放、平移、傾斜等，都非常有趣。大家可以嘗試一下。