在網(wǎng)頁(yè)設(shè)計(jì)中，圖片旋轉(zhuǎn)是一種常見(jiàn)的效果，可以讓網(wǎng)站變得更加生動(dòng)和有趣。在CSS中，我們可以使用transform屬性來(lái)實(shí)現(xiàn)圖片旋轉(zhuǎn)的效果。

img {
transform: rotate(45deg); /* 將圖片旋轉(zhuǎn)45度 */
}

        上面的代碼中，我們選擇了一個(gè)img標(biāo)簽，并使用transform屬性將其旋轉(zhuǎn)了45度。注意，這里的角度單位是deg，表示角度的度數(shù)。我們可以根據(jù)實(shí)際需求進(jìn)行設(shè)置。

        除了旋轉(zhuǎn)角度，我們還可以通過(guò)transform屬性實(shí)現(xiàn)圖片的翻轉(zhuǎn)效果。下面是示例代碼：

img {
transform: scaleX(-1); /* 水平翻轉(zhuǎn)圖片 */
}

        上面的代碼中，我們使用了scaleX函數(shù)將圖片進(jìn)行了水平翻轉(zhuǎn)。如果要進(jìn)行垂直翻轉(zhuǎn)，可以使用scaleY函數(shù)。另外，如果需要同時(shí)進(jìn)行水平和垂直翻轉(zhuǎn)，可以使用scale函數(shù)，如下所示：

img {
transform: scale(-1, -1); /* 同時(shí)進(jìn)行水平和垂直翻轉(zhuǎn) */
}

        除了這些基本的旋轉(zhuǎn)和翻轉(zhuǎn)效果，我們還可以通過(guò)CSS3的動(dòng)畫(huà)功能實(shí)現(xiàn)更加復(fù)雜的動(dòng)態(tài)效果。總之，在網(wǎng)頁(yè)設(shè)計(jì)中，圖片旋轉(zhuǎn)效果是一個(gè)非常有用的技巧，可以為網(wǎng)站添加更多的視覺(jué)樂(lè)趣。