CSS3是前端開發中非常重要的技術，它不僅可以實現頁面布局和樣式的美化，還可以添加各種動態效果，如動態移動。

.box {
position: relative;  /* 設置相對定位 */
animation: move 5s infinite alternate; /* 定義動畫 */
}
@keyframes move {
0% {
left: 0;
top: 0;
}
50% {
left: 200px;
top: 0;
}
100% {
left: 0;
top: 0;
}
}

上面的代碼實現了一個動態移動的效果，將一個盒子向右移動200px，然后返回原來的位置，并且循環運行。

首先，我們給這個盒子設置相對定位，這是因為我們需要運用絕對定位來對這個盒子進行移動。然后，我們使用CSS3的動畫特性，通過animation屬性來定義一個名為move的動畫，并設置動畫時長為5秒，循環次數為無限，交替運行。

接下來，在@keyframes選擇器中，我們定義了這個動畫的具體運動軌跡。首先，在0%時，在left和top屬性中都設置為0，表示盒子在初始位置，此時起點是左上角。然后，在50%時，我們將left屬性設置為200px，top屬性保持為0，此時盒子向右移動200px。最后，在100%時，我們再次將left和top屬性都設置為0，表示盒子回到初始位置。通過這樣的動畫軌跡設置，我們實現了一次完成的動態移動效果。

因為CSS3的動畫特性已經被廣泛支持，所以使用CSS3動態移動已經成為前端開發中基本的技能。掌握這個技能可以使頁面動態效果更加生動、有趣。