在網頁設計中，動態效果圖片可以讓網站更具吸引力。其中一種制作動態效果圖片的方式是使用CSS動畫。CSS動畫是通過改變CSS屬性的值來創建動畫的。

下面是一個簡單的例子：

.box {
width: 100px;
height: 100px;
background-color: blue;
animation: move 3s ease-in-out infinite;
/* 在3秒內從左到右移動，再從右到左移動，無限循環 */
}
@keyframes move {
0% {
transform: translateX(0);
}
50% {
transform: translateX(300px);
}
100% {
transform: translateX(0);
}
}

上面的CSS代碼創建了一個類名為“box”的div元素，它的初始寬度是100像素，高度也是100像素，并且背景顏色為藍色。然后我們定義了一個動畫“move”，它會在3秒內進行，使用“ease-in-out”動畫效果，同時無限循環。

接下來的代碼塊定義了“move”動畫的每個階段的屬性值。在0%的階段，我們指定元素的水平位置為0；在50%的階段，它向右移動了300像素；在100%的階段，它回到了初始位置。這就是“move”動畫的運動軌跡。通過這種方式，我們可以輕松地創建各種類型的動態效果圖片。

總之，CSS動畫是制作動態效果圖片的強大工具，它可以讓網站更具吸引力并提高用戶體驗。