CSS3動畫函數是用于實現網頁動效的一種技術，它能夠為網站帶來更加生動的視覺效果。通過不同的CSS3動畫函數，我們可以創建出各種不同形式的動畫效果。

常用的CSS3動畫函數有以下幾種：

1. transition
2. transform
3. keyframes
4. animation

其中，transition是一種簡單的動畫效果，常用來實現按鈕、鏈接等元素的響應效果。

.btn:hover{
transition: background-color 0.5s ease-in-out;
}

以上代碼表示當鼠標懸浮在.btn元素上時，該元素的背景色會以0.5秒的時間淡入淡出。

transform是一種更加復雜的CSS3動畫函數，它能夠實現元素的旋轉、縮放、傾斜、平移等效果。

.rotate{
transform: rotate(45deg);
}
.scale{
transform: scale(1.5);
}
.translate{
transform: translate(50px, 50px);
}

以上代碼分別表示對元素進行45°旋轉、放大1.5倍、向右下方平移50px。

keyframes是一種基于關鍵幀的動畫函數，通過設定動畫的起始點和終止點，以及中間的關鍵幀，來實現復雜的動畫效果。

@keyframes move{
0%{left:0;}
25%{left:50%;}
50%{left:0;}
75%{left:-50%;}
100%{left:0;}
}
.move{
animation: move 3s infinite;
}

以上代碼表示通過關鍵幀的形式創建動畫函數move，在3秒內使元素左右移動，并且無限循環。

animation是一種將transition和keyframes結合起來的復合動畫函數，它能夠更加精細地調控動畫效果。

.zoom{
animation: zoom 2s infinite;
}
@keyframes zoom{
0%{transform: scale(1);}
50%{transform: scale(1.5);}
100%{transform: scale(1);}
}

以上代碼表示通過動畫函數zoom實現元素周期性的縮放效果。

以上就是一些常用的CSS3動畫函數，它們能夠為網站的設計帶來更多可能性，使得用戶體驗更加豐富多彩。