在前端開發中，有時候需要對一些元素進行動態調整，比如修改顏色、大小、位置等等，這就需要用到CSS函數。它們可以像JavaScript函數一樣接收參數，并返回一個值。

// 以調整背景顏色為例
// 使用CSS函數
background-color: rgba(255, 0, 0, 0.5);
// 使用JavaScript函數
document.getElementById("element").style.backgroundColor = "rgba(255, 0, 0, 0.5)";

上述代碼使用了CSS中的rgba函數和JavaScript中的style屬性。它們完成的功能相同，但是在實際應用中，我們需要選擇合適的方式。

另外一個例子， CSS的calc函數可以用來計算元素的寬度和高度，比如計算頁面寬度的50%：

// 使用CSS函數
width: calc(50% - 20px);
// 使用JavaScript函數
var elementWidth = window.innerWidth * 0.5 - 20;
document.getElementById("element").style.width = elementWidth + "px";

上述代碼使用了CSS中的calc函數和JavaScript中的innerWidth屬性。同樣的，在實際應用中，我們需要根據需要進行選擇。