CSS原位置圖片放大可以讓圖片具有更好的視覺效果，提高網(wǎng)站的美觀度。實現(xiàn)這一效果的方法可以使用CSS中的transform屬性和transition屬性。

img {
transition: all 0.3s ease-in-out; /*設(shè)置過渡動畫*/
}
img:hover {
transform: scale(1.2); /*放大1.2倍*/
}

首先，我們通過CSS的transition屬性可以為圖片設(shè)置過渡動畫效果。設(shè)置這個屬性后，鼠標(biāo)懸停在圖片上時，就會出現(xiàn)過渡效果。

接下來，我們使用transform屬性將圖片進(jìn)行放大。其中，我們可以使用scale()函數(shù)來指定圖片的放大倍數(shù)。在這里，我們設(shè)置為1.2倍。

img {
transition: all 0.3s ease-in-out;
transform-origin: center center; /*設(shè)置放大的基準(zhǔn)點(diǎn)為圖片中心*/
}
img:hover {
transform: scale(1.2);
}

如果我們希望放大的基準(zhǔn)點(diǎn)為圖片中心，可以使用transform-origin屬性。在這個屬性中，我們將“center center”作為參數(shù)傳遞給它，就可以將放大的基準(zhǔn)點(diǎn)設(shè)置為圖片的中心了。

總之，CSS原位置圖片放大可以非常簡單地實現(xiàn)。只需要使用CSS中的transform屬性和transition屬性即可。當(dāng)然，我們也可以嘗試其他的方法，實現(xiàn)不同的效果。