CSS3属性transition

CSS3 Transitions 指定过渡

语法：

transition: property duration timing-function delay;

 

 

参数一：

• transition-property ： 规定应用过渡效果的CSS属性的名称。
  • none：没有属性会获得过渡效果。
  • all：所有属性会获得过渡效果。
  • property：指定过渡效果的CSS属性，列表以逗号分隔。

 

参数二：

• transition-duration：过渡时间。
  • time：以秒或毫秒为单位。

 

参数三：

• transition-timing-function：规定过渡效果的速度曲线。
  • 

 

参数四：

• transition-delay：定义过渡效果何时开始。
  • time：规定在过渡效果开始之前需要等待的时间，以秒或毫秒为单位。

 

代码：

 

效果：