CSS3中的background-size屬性可以控制背景圖像的大小，包括縮放和裁剪。

使用background-size屬性，可以更加靈活地控制背景圖的展示方式。該屬性可以接受一個或多個值，比如長度、百分數或cover、contain兩個關鍵詞。

background-size: 200px 100px; /* 使用長度值 */
background-size: 50% auto; /* 使用百分數 */
background-size: cover; /* 按比例縮放至填滿元素，可能會被裁剪 */
background-size: contain; /* 按比例縮放至完全包含在元素中，可能會有空白 */

可以使用多個background-image值，并分別為它們設置不同的background-size值，以展示不同的背景圖像。

background: url(image1.jpg), url(image2.jpg);
background-size: 50% auto, cover;

可以使用CSS3中的transition屬性來為縮放效果設置過渡動畫。

transition: background-size .5s ease-in-out;
background-size: 100% auto;

需要注意的是，當背景圖像的尺寸超過元素的尺寸時，使用cover和contain兩個關鍵詞時可能會出現圖像被拉伸的情況。此時，可以考慮使用background-clip: content-box;屬性來避免圖像被拉伸。

background-size: cover;
background-clip: content-box;