CSS三角函數能夠實現拋物線運動，代碼使用pre標簽可以更加清晰明了。

/* 拋物線動畫 */
@keyframes parabola {
0% {
transform: translateY(0) translateX(0);
}
100% {
transform: translateY(100px) translateX(200px);
}
}
/* 綁定拋物線動畫到元素上 */
.parabola {
animation: parabola 2s cubic-bezier(0,.3,.6,.9) infinite;
}

首先，我們定義了一個名為“parabola”的關鍵幀動畫，在0%的時候，元素處于初始狀態；在100%的時候，我們將元素沿著y軸向下移動100px，在x軸向右移動200px，即達到了拋物線的效果。

然后，我們將這個動畫綁定到一個名為“parabola”的類上，使用animation屬性來設置動畫的名字、持續時間、緩動函數以及動畫循環次數。

使用CSS三角函數實現拋物線運動是一種很酷的方法，同時也可以加強頁面交互，使用戶體驗更加友好。