css3过渡属性ease

在CSS3中，过渡属性（transition）允许对一个元素在不同状态间切换时平滑地进行过渡动画。

    transition: property duration timing-function delay;

其中，最后一个参数timing-function是过渡动画的速度曲线，也被称为缓动函数（easing function）。

在CSS3中，有多种预置的缓动函数可供选择，其中ease是其中一种。

    transition: all 1s ease;

ease以一个缓慢加速，然后一个缓慢减速的方式进行过渡动画。这种缓动函数的动画效果较为自然，是最为常用的缓动函数之一。

如果您希望元素更快地加速，并且缓慢减速，可以使用ease-in缓动函数。

    transition: all 1s ease-in;

如果您希望元素快速减速，并且缓慢加速，可以使用ease-out缓动函数。

    transition: all 1s ease-out;

除了单独使用缓动函数外，您还可以使用关键字linear表示线性过渡动画，表示元素的速度会始终保持相同。

    transition: all 1s linear;

最后需要注意的是，过渡属性必须与初始状态和最终状态一起使用，否则将无法触发动画效果。