使用CSS制作動畫移動可以為網頁增添生動活潑的感覺。HTML提供了基本的結構，而CSS則能夠控制樣式，其中包括動畫效果。下面將介紹一些基本的CSS動畫方法。

首先，基礎動畫可以通過CSS中的transition屬性來實現。該屬性指定了一個元素的屬性在一定時間內改變的效果。例如：

.box {
width: 100px;
height: 100px;
background-color: red;
transition: width 2s;
}
.box:hover {
width: 200px;
}

在這個例子中，當鼠標懸停在box元素上時，它的寬度將從100像素過渡到200像素，過渡時間為2秒。這是最基本的動畫效果。

其次，通過CSS中的animation屬性可制造更加復雜的動畫效果。這個屬性，需要定義一個keyframe，即關鍵幀，以描述變化的過程。例如：

.box {
width: 100px;
height: 100px;
background-color: blue;
animation: move 2s infinite;
}
@keyframes move {
0% { transform: translateX(0); }
50% { transform: translateX(200px); }
100% { transform: translateX(0); }
}

在這個例子中，box元素將沿著X軸方向移動，一次動畫周期為2秒，相對于初始位置去往右邊200像素再回到初始位置。括號內的數字表示時間百分比，而后面跟隨著的樣式規則定義了該百分比下元素的樣式。

最后，CSS中還提供了一種較為高級的動畫效果，即通過JavaScript更改CSS樣式實現動畫，這種效果通常被用于較為復雜的動畫，如SVG路徑動畫。例如：

function moveBox() {
var box = document.getElementById("box");
var position = 0;
var id = setInterval(frame, 10);
function frame() {
if (position == 200) {
clearInterval(id);
} else {
position++;
box.style.left = position + "px";
}
}
}

這個例子中通過JavaScript創建定時器，將box元素的位置每10毫秒移動1像素，當到達X軸200像素位置時停止移動。在此基礎上，可以添加其他的動畫效果，例如透明度、旋轉等等。

總結來說，CSS中的動畫效果為網頁增添了不少趣味性，尤其是在用戶交互方面更能發揮其優勢。我們可以通過transition、animation或JavaScript來實現不同類型的動畫效果，使網頁呈現更豐富多彩的感覺。