CSS中的hover屬性是一個非常常用的功能，它可以為頁面添加一些有趣的交互效果。在使用hover的時候，我們可以通過CSS對圖片進行改變。下面是一些關于CSS圖片hover的例子。

img:hover {
opacity: 0.8;
transition: opacity 0.3s ease-in-out;
}

這個例子是為圖片添加透明度變化的效果。當鼠標移動到圖片上時，圖片的透明度會變成0.8。同時，我們使用了transition屬性來使變化更加平滑。

img:hover {
transform: scale(1.1);
transition: transform 0.3s ease-in-out;
}

這個例子是為圖片添加縮放效果。當鼠標移動到圖片上時，圖片會被放大10%。同樣地，我們使用了transition屬性來使變化更加平滑。

img:hover {
filter: grayscale(100%);
transition: filter 0.3s ease-in-out;
}

這個例子是為圖片添加黑白效果。當鼠標移動到圖片上時，圖片會變成黑白的。我們使用了filter屬性來實現這個效果，同樣地，也使用了transition屬性來使變化更加平滑。

以上是一些常用的CSS圖片hover效果的例子，它們可以為網頁添加更多的交互性。當然，我們也可以根據不同的需求，自己嘗試和創造不同的效果。