CSS圖片動態(tài)效果是網(wǎng)站設計的重要元素之一，它不僅可以增加頁面的視覺效果，還可以提高用戶體驗度。下面介紹一些常用的CSS圖片動態(tài)效果代碼，供參考：

1. 圖片縮放效果：

img:hover {
transform: scale(1.2);
}

2. 圖片旋轉(zhuǎn)效果：

img:hover {
transform: rotate(360deg);
transition-duration: 1s;
}

3. 圖片透明度效果：

img:hover {
opacity: 0.5;
transition-duration: 1s;
}

4. 圖片陰影效果：

img:hover {
box-shadow: 2px 2px 10px #999;
}

5. 圖片邊框效果：

img:hover {
border: 5px solid red;
border-radius: 50%;
}

這些CSS圖片動態(tài)效果可以通過hover、active等偽類的設置實現(xiàn)。需要注意的是，這些效果可能會影響頁面的加載速度和用戶的交互體驗，因此在使用時需要謹慎權衡導航、UI等元素的顯示和動態(tài)效果的應用。