CSS3中的transform屬性可以為HTML的元素添加一些特效，比如旋轉。在使用transform屬性時，需要給元素設置一個transform-origin屬性，這個屬性可以設置一個元素的轉動基點。

如果想讓一個圖片旋轉180度，可以使用如下的CSS代碼：

img {
transform: rotate(180deg);
transform-origin: center;
}

這里，我們先將transform屬性設置為rotate()，表示將圖片旋轉一定角度。rotate()函數接收一個角度值，單位可以是deg、grad或rad。然后，再使用transform-origin屬性將旋轉基點設置為圖片的中心點。

如果想要讓圖片以不同的基點進行旋轉，可以將transform-origin的值設置為其他的數值或關鍵詞。比如，可以設置為top、left、bottom、right，或者是特定的像素值。

實際上，CSS3中的transform屬性還可以用來進行其他形式的變換，如縮放、平移、傾斜等。比如，可以將圖片縮小50%并向右平移100px，可以使用如下代碼：

img {
transform: scale(0.5) translateX(100px);
}

這里，使用了scale()和translateX()函數。scale()函數可以按比例縮放元素，它接收兩個數字參數，分別代表水平和垂直方向的比例值。而translateX()函數可以沿著水平方向移動元素，它接收一個長度值，長度可以使用px、em、rem、%等單位。

總結一下，CSS3中的transform屬性可以為HTML元素添加各種視覺效果，包括旋轉、縮放、平移、傾斜等。在使用transform屬性時，需要注意設置好transform-origin屬性，以確保元素按照正確的基點進行變換。