GIF动态图教学-CSS3语言15-动画速度曲线(实例)

1、如图操作，仔细观察过渡动画发现整个过程纛独编竿由慢速开始，然后变快，然后再以慢速结束。这是因为transition中默认的动画速度曲线为"ease"。

2、接着第一步，现在利用linear设置动画匀速进行，如图所示，过渡效果将变得平稳和单一。

3、设置[ease-in]动画速度曲线，表示[慢速开始]，如图操作。

4、设置[ease-out]动画速度曲线，表示[慢速结束]，如图操作。

5、设置[ease-in-out]动画速度曲线，表示[慢速开始和结束]，如图操作。

6、分别为属性设置不同的动画速度曲线，如图所示，颜色慢于字体变化过程。