在網頁設計中，添加圖片既能讓網頁更加生動、飽滿，同時也能提升網頁的美觀度。但是，僅僅添加一張靜態的圖片顯得有些單調。那么，如何為圖片添加CSS特效呢？

其實，為圖片添加CSS特效并不難。我們可以通過為圖片添加CSS類或者直接使用圖片選擇器的方式進行操作。

/*為圖片添加CSS類*/
.picture{
position: relative;
}
.picture:hover{
transform: scale(1.1);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
/*使用圖片選擇器*/
img{
position: relative;
}
img:hover{
transform: rotate(360deg);
}

以上兩種方式都能為圖片添加CSS特效。第一種方式是為圖片添加CSS類，我們可以通過控制圖片類的樣式來實現特效。在這里，我們為圖片添加了一個:hover的偽類，當鼠標懸浮于圖片上方時，圖片會被放大1.1倍，并且在圖片周圍產生一個10像素的陰影。第二種方式是直接使用圖片選擇器，同樣也是通過:hover的偽類來控制圖片的特效。在這里，我們為鼠標懸浮于圖片上方時，實現了360度的旋轉效果。

總之，為圖片添加CSS特效可以讓網頁更加生動、飽滿，提升網頁的美觀度。我們可以根據自己的需求為圖片添加不同的特效，豐富網頁的內容和形式。