CSS截取部分圖片放大，可以讓頁面更具美感和視覺效果。這種技術可以用于制作輪播圖、頁面背景等等。以下是實現這種效果的基本方法。

img {
width: 200px; /* 設置圖片的寬度 */
height: 100px; /* 設置圖片的高度 */
object-fit: cover; /* 讓圖片不拉伸，保持原始比例 */
}
.img-container {
width: 100%; /* 設置容器的寬度 */
height: 300px; /* 設置容器的高度 */
overflow: hidden; /* 隱藏容器外部的圖片部分 */
}
.img-container:hover img {
transform: scale(1.2); /* 鼠標移入容器時，放大圖片 */
}

上面的代碼中，我們先設置了一個圖片的寬度和高度，并使用了object-fit: cover;讓圖片不拉伸，保持原始比例。然后，我們在容器中包含這張圖片，設置了容器的寬度和高度，并overflow: hidden;將容器外部的圖片部分隱藏起來。最后，我們使用:hover選擇器，當鼠標移入容器時，使用transform: scale(1.2);讓圖片放大到原來的1.2倍。

需要注意的是，由于圖片只占據容器中的一部分，因此容器的大小需要根據需要調整。如果需要制作輪播圖或頁面背景，可以將多張圖片放到容器中，通過設置animation或transition等屬性實現圖片的無縫切換或平滑過渡。