CSS是一種用來裝飾頁面的語言，也可以用來設置圖片運動。以下是幾種常見的CSS動畫效果：

/* 圖片從左向右滑動 */
.slide {
position: relative;
animation: slide 1s ease;
}
@keyframes slide {
from {left: -100px;}
to {left: 0;}
}
/* 圖片放大縮小 */
.zoom {
animation: zoom 1s infinite alternate ease-in-out;
}
@keyframes zoom {
from {transform: scale(1);}
to {transform: scale(1.2);}
}
/* 圖片旋轉 */
.rotate {
animation: rotate 1s infinite linear;
}
@keyframes rotate {
from {transform: rotate(0);}
to {transform: rotate(360deg);}
}
/* 圖片淡入淡出 */
.fade {
animation: fade 1s infinite alternate ease-in-out;
}
@keyframes fade {
from {opacity: 1;}
to {opacity: 0.5;}
}

以上代碼中，animation屬性可以用來給元素添加動畫效果，它的值包括動畫名稱、動畫持續時間、動畫時間函數（可選）、延遲時間（可選）和動畫執行次數（可選）。

同時，通過@keyframes關鍵字定義動畫的起始和結束狀態，可以設置多個關鍵幀，用百分比來表示動畫的具體執行時間。

最后，給需要添加動畫效果的元素添加類名即可使它們運動起來。