CSS背景圖跟隨變大變小是很常見的效果，可以通過設置background-size屬性來實現。

.example {
background-image: url('example.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transition: background-size 0.3s;
}
.example:hover {
background-size: cover;
}

上面的代碼中，我們設置了一個背景圖，并使用了contain來保持圖片全部顯示。然后通過:hover偽類，當鼠標懸浮在元素上時，將background-size屬性設置為cover，這將使圖片變大，并填充整個元素。

我們還可以使用JavaScript來實現背景圖跟隨變化的動畫效果。例如，以下代碼將在窗口滾動時自動調整元素的背景大小:

window.addEventListener('scroll', function() {
var scrollTop = window.scrollY;
var example = document.getElementById('example');
example.style.backgroundSize = (100 + scrollTop/2) + '%';
});

這段代碼監聽了窗口的滾動事件，獲取scrollTop值，并將其除以2作為backgroundSize的參數值，這樣就能實現背景圖的跟隨效果。

總的來說，通過CSS或JavaScript實現背景圖跟隨效果都非常簡單，可以帶來很好的視覺效果。我們在實際開發中可以根據具體需求進行選擇，以達到最佳效果。