CSS是網頁設計中非常重要的一個部分。它可以控制網頁中元素的樣式和布局。其中，圖片的展開效果也可以通過CSS來實現。下面是一段實現圖片展開的CSS代碼：

.image {
width: 200px;
height: 200px;
overflow: hidden;
}
.image:hover img {
transform: scale(1.2);
transition: all 0.3s ease-in-out;
}

首先，我們為包含圖片的容器元素（例如div）添加一個類名"image"。然后，設置容器元素的寬度、高度以及overflow屬性，將圖片內容隱藏起來。接著，使用:hover偽類選擇器，當鼠標懸停在容器元素上時，對其中的圖片元素進行變換(transform)和動畫(transition)。具體地，我們使用scale函數將圖片放大1.2倍（默認值為1），并設置動畫的持續時間和運動曲線。 這段CSS代碼可以幫助我們實現一個簡潔而優美的圖片展開效果，可以用于網頁中的輪播圖、相冊等等。需要注意的是，這種效果依賴于CSS3的transform屬性，因此在較舊版本的瀏覽器中可能無法正常顯示。