CSS控制圖片旋轉(zhuǎn)并調(diào)整其大小的方法

在CSS中，我們可以使用transform屬性來(lái)實(shí)現(xiàn)圖片旋轉(zhuǎn)的同時(shí)調(diào)整其大小，以下是一個(gè)簡(jiǎn)單的示例：

HTML代碼：

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

CSS代碼：

#myImage {
  transform: rotate(-45deg) scale(0.5);
}

在這個(gè)示例中，圖片將會(huì)逆時(shí)針旋轉(zhuǎn)45度，并且大小會(huì)縮小到原來(lái)的0.5倍，你可以根據(jù)需要調(diào)整旋轉(zhuǎn)的角度和縮放的比例。

需要注意的是，transform屬性在IE9以下的版本中不被支持，如果你需要支持這些舊版本的瀏覽器，可能需要使用其他的方法來(lái)實(shí)現(xiàn)圖片旋轉(zhuǎn)和縮放。

如果你需要更多的控制，例如讓圖片在旋轉(zhuǎn)時(shí)具有動(dòng)畫(huà)效果，可以使用transition屬性來(lái)添加過(guò)渡效果，以下是一個(gè)示例：

CSS代碼：

#myImage {
  transform: rotate(-45deg) scale(0.5);
  transition: transform 2s ease-in-out;
}

在這個(gè)示例中，圖片會(huì)在2秒內(nèi)平滑地旋轉(zhuǎn)并縮小到原來(lái)的0.5倍，你可以根據(jù)需要調(diào)整過(guò)渡的時(shí)間和效果。