CSS3中可以使用transform屬性來實(shí)現(xiàn)圖片的旋轉(zhuǎn)效果，具體步驟如下：

1、在HTML中定義一個(gè)圖片元素，

<img id="myImage" src="image.jpg" />

2、在CSS中設(shè)置transform屬性來實(shí)現(xiàn)圖片的旋轉(zhuǎn)，如果想要讓圖片順時(shí)針旋轉(zhuǎn)90度，可以使用以下代碼：

#myImage {
  transform: rotate(90deg);
}

3、如果想要讓圖片逆時(shí)針旋轉(zhuǎn)180度，可以使用以下代碼：

#myImage {
  transform: rotate(-180deg);
}

4、CSS3還提供了animation屬性來實(shí)現(xiàn)更復(fù)雜的動(dòng)畫效果，例如讓圖片不斷旋轉(zhuǎn)，以下是一個(gè)簡(jiǎn)單的例子：

#myImage {
  animation: spin 2s linear infinite;
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

這個(gè)例子中，圖片會(huì)不斷旋轉(zhuǎn)，每次旋轉(zhuǎn)360度，持續(xù)時(shí)間為2秒。

通過以上方法，可以使用CSS3實(shí)現(xiàn)圖片的旋轉(zhuǎn)效果，并制作出更豐富的網(wǎng)頁交互體驗(yàn)。