CSS（五）CSS动画-transition简介

这是一个系列的文章，你也可以查看其他文章：

0、CSS-预热篇

1、CSS（一）详解position

2、CSS（二）transform

3、CSS（三）flex布局（flex弹性布局详解）

4、CSS（四）详解Grid布局

5、CSS（五）CSS动画-transition简介

6、CSS（六）CSS动画-animation简介

7、CSS（七）两栏布局详解

一、概念

一个状态向另一个状态的过渡。

在CSS 3引入Transition（过渡）这个概念之前，CSS是没有时间轴的。也就是说，所有的状态变化，都是即时完成。（阮一峰）

二、语法

transition 属性是一个简写属性，用于设置四个过渡属性：