CSS動畫可以通過運動軌跡來實現元素的流暢移動，這可以通過使用動畫屬性中的cubic-bezier函數來實現。

元素 {
動畫屬性：屬性名稱 持續時間 運動軌跡
}
例如：
.box {
動畫屬性：left 2s cubic-bezier(0.25, 0.1, 0.25, 1);
}

在上面的代碼中，left屬性將在2秒鐘內沿著指定的運動軌跡移動。cubic-bezier函數使用四個參數來定義曲線，分別代表四個點的坐標。

可以使用CSS3的transform屬性來改變元素的位置，這樣就可以實現更加復雜的運動軌跡。比如，可以使用translateX和translateY值來分別控制元素在水平和垂直方向上的移動。

.box {
動畫屬性：transform 2s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.box:hover {
transform：translateX(100px) translateY(100px);
}

在上面的代碼中，當鼠標移動到.box元素上時，將會在2秒鐘內沿著指定的運動軌跡移動到指定位置。這種方法可以實現非常棒的動畫效果。

在使用CSS動畫時，我們需要特別注意的是，不要使用過多的動畫效果，否則可能會影響頁面性能和用戶的體驗。另外，動畫的運動軌跡應該選擇合適的曲線，以便實現自然、流暢的移動效果。