CSS旋轉和放大是網(wǎng)頁設計時常用的技巧，能讓頁面元素更加生動、有趣，下面我們來學習一下如何實現(xiàn)它們。

CSS旋轉

/* 使用CSS3 transform實現(xiàn)旋轉，只需設置元素的角度即可 */
.rotate {
transform: rotate(45deg); /* 旋轉角度為45度 */
}

通過將元素的旋轉角度設置為45度，就可以將該元素沿順時針方向旋轉45度。同時，我們也可以設置負值，實現(xiàn)逆時針方向旋轉。

CSS放大

/* 使用CSS3 transform實現(xiàn)放大，只需設置元素的縮放比例即可 */
.enlarge {
transform: scale(1.5); /* 縮放比例為1.5倍 */
}

通過將元素縮放比例設置為1.5倍，就可以將該元素放大。同樣地，我們也可以設置小于1的縮放比例實現(xiàn)縮小。