CSS3是網(wǎng)頁(yè)設(shè)計(jì)中非常重要的一部分。它能夠?qū)崿F(xiàn)很多炫酷的效果，比如說(shuō)旋轉(zhuǎn)。

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

上面這段代碼可以讓一個(gè)名為.box的元素旋轉(zhuǎn)45度。其中transform是CSS3中的一個(gè)屬性，其值可以是rotate、scale、skew、translate等。而旋轉(zhuǎn)則是其中一個(gè)屬性值。

如果想要元素沿著中心旋轉(zhuǎn)，可以這么寫(xiě)：

.box{
transform-origin: center;
transform: rotate(45deg);
}

其中transform-origin指定了旋轉(zhuǎn)的中心點(diǎn)，默認(rèn)是元素左上角。

如果想實(shí)現(xiàn)3D旋轉(zhuǎn)，可以使用下面這段代碼：

.box{
transform-style: preserve-3d;
transform: rotateY(45deg);
}

其中transform-style:preserve-3d是用來(lái)開(kāi)啟3D模式的。還有一點(diǎn)需要注意的是，如果想要元素在水平方向旋轉(zhuǎn)，需要使用rotateY，如果想要在垂直方向旋轉(zhuǎn)，則須使用rotateX。

CSS3可以幫助我們實(shí)現(xiàn)很多炫酷的效果，旋轉(zhuǎn)只是其中之一。因此，學(xué)習(xí)CSS3是非常有必要的。