CSS曲線運動是指通過CSS3動畫制作元素沿著曲線路徑運動的效果。該效果可以為網站增加動態效果，提升用戶體驗。下面我們來介紹如何制作CSS曲線運動。

.curve{
position: relative;
width: 200px;
height: 200px;
background-color: #f00;
border-radius: 50%;
-webkit-animation: curveMove 3s cubic-bezier(0.1, 0.5, 0.8, 0.5) infinite;
}
@-webkit-keyframes curveMove{
0%{top: 0; left: 100px;}
50%{top: 200px; left: 0;}
100%{top: 0; left: 100px;}
}

在上面的代碼中，我們定義了一個class為curve的div元素，并設置其position為relative，寬高為200px，背景色為紅色，圓角為50%。接著，我們使用各瀏覽器支持的動畫屬性-webkit-animation，在3秒內通過cubic-bezier函數設置曲線運動，設置posiiton固定，通過top，left屬性調整元素的位置。最后，我們定義了一個curveMove動畫，通過50%對元素進行處理，使其向下運動至200px，向左運動至0px，再通過100%處理使其返回初始位置。這樣我們就制作出了一個沿著曲線路徑運動的元素。

此外，我們還可以通過不同的cubic-bezier函數實現不同速度的曲線運動效果，例如ease-in-out函數實現緩入緩出效果，linear函數實現線性運動效果等等。通過CSS曲線運動，可以為網站增加動態效果，讓用戶感受到更加流暢和活潑的頁面效果。