CSS3動畫運動路徑是CSS3新特性之一，它可以讓我們通過使用簡單的CSS代碼實現精美的運動效果。我們可以通過設置元素的運動路徑、速度、時間、運行次數等屬性，來自定義動畫效果。

/* 定義元素的動畫路徑 */
#box {
animation-name: myMotion;  /* 定義動畫名稱 */
animation-duration: 4s;  /* 動畫持續時間 */
animation-timing-function: linear;  /* 動畫速度曲線 */
animation-iteration-count: infinite;  /* 動畫循環次數 */
}
@keyframes myMotion {
0% { 
transform: translateX(0px) translateY(0px);
}
50% {
transform: translateX(200px) translateY(100px);
}
80% {
transform: translateX(300px) translateY(150px);
}
100% {
transform: translateX(400px) translateY(200px);
}
}

上述代碼中，我們定義了一個名為“myMotion”的動畫名稱，并設置了動畫的持續時間、速度曲線和循環次數等屬性。在“@keyframes”中，我們通過設置不同的關鍵幀（如0%、50%、80%和100%）來定義元素的運動路徑。

在本例子中，元素從原點開始，按照一定的規則向右下角移動，并在移動過程中發生了逐漸加速的變化，最后停留在了指定的位置上。這個運動路徑通常被稱為“貝塞爾曲線”。

當然，CSS3動畫運動路徑不僅僅局限于貝塞爾曲線，我們還可以通過設置元素的路徑、速度和時間等屬性來實現更多樣化、更炫酷的動畫效果。需要注意的是，為了實現這些效果，我們需要對CSS3的運動路徑有一定的了解和掌握。