CSS中，我們可以使用transform屬性來實(shí)現(xiàn)圖片的放大和縮小，以下是一個(gè)簡單的示例：

1、定義一個(gè)圖片元素：

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

2、使用CSS的transform屬性來放大圖片：

#myImage {
    transform: scale(2); /* 放大2倍 */
}

3、使用CSS的transition屬性來平滑放大和縮小圖片：

#myImage {
    transition: transform 0.3s ease; /* 平滑變換，持續(xù)0.3秒 */
}

4、使用JavaScript來控制圖片的放大和縮?。?/p>

var myImage = document.getElementById('myImage');
var scale = 1;
var step = 0.1;
var maxScale = 2;
var minScale = 0.5;
var transformOrigin = 'center';
var transitionDuration = '0.3s';
var transitionTimingFunction = 'ease';
var isZoomingIn = true;
var zoomFactor = 1;
var zoomStep = 0.05;
var maxZoomFactor = 1;
var minZoomFactor = 0;
var zoomOrigin = 'center';
var zoomTransitionDuration = '0.3s';
var zoomTransitionTimingFunction = 'ease';
var zooming = false;
var lastZoomFactor = 0;
var lastZoomOrigin = 'center';
var lastZoomTransitionDuration = '0.3s';
var lastZoomTransitionTimingFunction = 'ease';
var lastZooming = false;