CSS中的三次貝賽爾曲線是一種用來描述平滑曲線形狀的方法。這種曲線可以用來繪制各種形狀，如圓弧、S曲線、波浪線等。在CSS中，三次貝賽爾曲線由四個點確定，其中兩個為控制點，兩個為起點和終點。

.example {
border: 1px solid black;
width: 200px;
height: 200px;
background-color: yellow;
border-radius: 50% / 10%;
transform: translate(100px,-50px);
}

在使用CSS繪制三次貝賽爾曲線時，需要使用貝塞爾曲線函數，即“cubic-bezier()”。這個函數接受四個值作為參數，分別表示四個點的坐標。在使用這個函數時，需要注意每個點的坐標值應該在0-1之間，且起點和終點必須為0和1。

例如，在下面的CSS代碼中，我們使用cubic-bezier()函數繪制了一個來回動一次的動畫效果：

.example {
animation: move 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;
}
@keyframes move {
0% {
transform: translateX(0);
}
50% {
transform: translateX(100%);
}
100% {
transform: translateX(0);
}
}

在這個例子中，我們使用cubic-bezier()函數來定義了一個優美的動畫效果。在動畫過程中，元素先向右移動50%，然后再回到原來的位置。

總之，CSS中的三次貝賽爾曲線是一種非常方便靈活的工具，可以用來實現各種奇妙的效果。使用它不僅能夠提高我們的工作效率，還能讓我們的網頁更加美觀和富有創意。