CSS3是最新的CSS規范，它為開發人員提供了一些很酷的效果，比如“transform”屬性可以使元素進行旋轉，縮放或傾斜等操作。下面我們來學習一下如何使用“transform”屬性來縮放圖片。

img {
transition: transform 0.3s ease-out;
}
img:hover {
transform: scale(1.2);
}

上面的代碼中，我們為元素設置了一個過渡效果，當鼠標移動到圖片上時，通過“transform”屬性，將圖片進行放大，從而實現縮放的效果。需要注意的是，我們使用了“scale”函數來指定縮放的比例，其中，1.0代表100%，1.2則代表120%。

除了“scale”函數外，還有一些其他的函數可以用來縮放圖片，例如：

img {
transition: transform 0.3s ease-out;
}
img:hover {
transform: scaleX(1.5);
}
img:hover {
transform: scaleY(0.5);
}
img:hover {
transform: scale(1.5,0.5);
}

通過使用不同的函數，我們可以實現水平或垂直方向的縮放，也可以同時進行水平和垂直方向的縮放。

除了基本的縮放操作，我們還可以結合“transform-origin”屬性來控制縮放的基準點。

img {
transition: transform 0.3s ease-out;
transform-origin: top left;
}
img:hover {
transform: scale(1.5);
}

在上面的代碼中，我們將“transform-origin”屬性設置為左上角，這樣縮放操作就會以左上角為基準點進行，當鼠標懸停在圖片上時，圖片的寬度和高度都會被放大1.5倍。

綜上所述，通過使用“transform”屬性以及其他配套的屬性，我們可以輕松地實現對圖片的縮放操作，從而提升網站的用戶體驗。