CSS是網頁設計中必不可少的一部分，而圖片又是網頁設計中一個重要的元素，那么，如何使用CSS手動放大縮小圖片呢？接下來，我們就來詳細講解一下。

<img src="image.jpg" class="image">
.image{
width: 100px;
height: 100px;
}

首先，在HTML文檔中插入一張圖片，再為其添加一個class屬性，作為后續CSS的選擇器。接著，使用CSS對該圖片進行樣式設置，例如上述代碼中的寬高為100px。

.image:hover{
transform: scale(2);
}

然后，在CSS中設置圖片的:hover偽類，當鼠標懸停在該圖片上時，觸發transform方法，使其放大兩倍。

.image:active{
transform: scale(0.5);
}

最后，在CSS中設置圖片的:active偽類，當用戶點擊并按住該圖片時，觸發transform方法，使其縮小為原大小的一半。

通過上述方式，我們可以輕松地對圖片進行手動放大縮小，更好地展現網頁中想要表達的內容。