CSS3中提供了許多強大的動畫效果，其中animation-timing-function屬性允許我們為CSS3動畫指定一個動態時間公式。

這個動態時間公式用來控制動畫效果的速度變化，也就是我們常說的緩動效果。其中最常用的緩動函數是ease。

.example {
animation: example 2s ease;
}
@keyframes example {
0%   { transform: scale(.5); }
100% { transform: scale(2); }
}

上面代碼中，example是動畫名，2s是動畫持續時間，ease是動態時間公式名稱。

使用ease，動畫效果會從緩慢開始、加速后快速結束。

我們也可以使用cubic-bezier來創建自定義的動態時間公式：

.example {
animation: example 2s cubic-bezier(.25,.1,.25,1);
}
@keyframes example {
0%   { transform: scale(.5); }
100% { transform: scale(2); }
}

上面的代碼中，我們使用了cubic-bezier函數并指定了四個點的x、y坐標值。這種自定義的緩動函數可以創建出更加個性化的動畫效果。

在動畫效果的制作中，合理使用緩動效果和自定義緩動函數，可以更好地達到我們想要的效果。