CSS在網頁設計中發揮著重要的作用。其中一項常用的功能是圖片全屏放大縮小，下面我們來看一下如何用CSS實現。

.img{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.img:hover{
transform:scale(1.2);
z-index:100;
}

首先，在CSS中我們需要定義圖片所在的元素，這里我使用一個class名為“img”的div元素。然后，我們需要設置元素的位置，這里我設置為相對于父元素布局，垂直方向和水平方向都居中。

接下來，我們定義鼠標放在圖片上時候的效果。這里我使用了:hover偽類選擇器來實現。當鼠標放在圖片上方時候，我們通過CSS的transform屬性來放大圖片，同時讓它在元素中處于最上層，使用z-index屬性實現。具體來說，這里我設置了一個1.2的倍數來放大圖片。

通過以上代碼，我們就可以實現圖片的全屏放大縮小效果。如果你希望在某些頁面只在某些圖片上顯示放大效果，可以將該class名作為圖片HTML標簽中的class屬性值來使用。希望這篇文章能夠對大家的網頁設計有幫助。