CSS 代碼添加動態圖片，是一種在網頁設計中比較常用的技巧。在網頁視覺效果中，動態圖片可以增加視覺的流暢性和動感，以及為用戶提供更好的交互體驗。

下面我們就來看一下如何使用 CSS 代碼來添加動態圖片：

/* 1. 在 CSS 中定義圖片位置 */
img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 2. 使用 CSS 動畫讓圖片動起來 */
@keyframes rotate {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
img:hover {
animation: rotate 1s linear infinite;
}

在上面的代碼中，我們首先定義了圖片的位置為絕對定位，并使用 transform 讓其水平垂直居中。然后使用 CSS 動畫，定義一個旋轉效果，并使用 :hover 偽類讓圖片在鼠標懸停時啟動動畫。

這樣，當用戶鼠標懸停在圖片上時，就會出現一個旋轉的動態效果。如果您想讓圖片在其他條件下出現動態效果，可以根據實際需求來修改 CSS 代碼。

總之，使用 CSS 代碼添加動態圖片是一項非常實用的技巧，在網頁設計中可以幫助您實現更加炫酷的視覺效果。如果您對這方面的技術感興趣，不妨多做些實驗和嘗試，不斷完善您的技能。