CSS控制圖片逐漸放大縮小，可以通過(guò)使用CSS3中的transition屬性來(lái)實(shí)現(xiàn)，該屬性可以平滑地過(guò)渡一個(gè)元素從一種樣式到另一種樣式，包括圖片的大小變化。

要實(shí)現(xiàn)圖片的逐漸放大縮小效果，可以設(shè)置一個(gè)定時(shí)器，在定時(shí)器中修改圖片的大小，并利用CSS3的transition屬性使圖片大小變化更加平滑，以下是一個(gè)示例代碼：

HTML部分：

<img id="myImage" src="image.jpg" style="width: 100px; height: 100px; transition: width 2s, height 2s;">

CSS部分：

#myImage {
    width: 100px;
    height: 100px;
    transition: width 2s, height 2s;
}

JavaScript部分：

var myImage = document.getElementById("myImage");
var timer = setInterval(function() {
    if (myImage.width == 200 && myImage.height == 200) {
        myImage.style.width = "100px";
        myImage.style.height = "100px";
    } else {
        myImage.style.width = "200px";
        myImage.style.height = "200px";
    }
}, 1000);

在這個(gè)示例中，圖片會(huì)在1秒內(nèi)逐漸放大到200像素寬和200像素高，然后在1秒內(nèi)逐漸縮小回100像素寬和100像素高，CSS3的transition屬性使得這個(gè)變化過(guò)程更加平滑，可以根據(jù)需要調(diào)整定時(shí)器的時(shí)間間隔和圖片的大小變化。