CSS 缓动函数：实现动画平滑过渡

缓动函数是指用来定义元素过渡过程中运动曲线的一种函数。常见的缓动函数有以下几种：

1. 'ease-in'：由慢开始的缓动函数，元素一开始运动比较缓慢，然后逐渐加速，直到达到最高速度。

2. 'ease-out'：由快到慢结束的缓动函数，元素一开始运动比较快，然后逐渐减速，直到最终停止。

3. 'ease-in-out'：由慢开始、到快、再到慢结束的缓动函数，元素一开始运动比较缓慢，然后逐渐加速，达到最高速度后再逐渐减速，最终停止。

4. 'linear'：匀速运动的缓动函数，元素运动速度始终保持不变，直到达到目标状态。