CSS動畫效果可以為網頁增添生動的感覺，其中位置移動是很常見的一種效果。

我們可以利用CSS的transition屬性來使元素位置發生變化時，可以平滑地移動到新的位置上，而不是突然跳到新的位置上。下面我們來看一些代碼示例：

/* 鼠標懸浮時元素向下移動20px */
.my-element {
transition: all .3s ease-out;
}
.my-element:hover {
transform: translateY(20px);
}

在這個例子中，我們設置了一個名為my-element的元素，當鼠標懸浮在這個元素上時，它會向下移動20像素。我們使用CSS的transition屬性指定了一個過渡時間和過渡效果（在這個例子中是ease-out）。當鼠標移開時元素會回到原來的位置。

我們還可以將CSS動畫效果應用到網站的導航菜單中，讓用戶體驗更加流暢。下面是一個簡單的導航菜單的代碼示例：

/* 導航菜單的位置移動效果 */
.nav-menu {
transition: all .3s ease-out;
}
.nav-menu:hover {
transform: translateY(20px);
}

總之，位置移動是CSS動畫效果中的一個常見操作，它可以為網站增添生動的感覺。我們可以利用CSS的transition屬性來實現平滑的動畫效果。