【CSS学习总结】--transition过渡属性

目录

 一、transition的定义和语法

 1. 定义

2. 语法

transition-property

transition-duration

transition-timing-function

transition-delay

二、transition属性的使用

---

 一、transition的定义和语法

 1. 定义

transition是CSS3中新增的一个属性，它是一个简写属性，用来显示过渡效果。可以把transition属性看成动画效果的一个实现。

2. 语法

transition属性的完整特性包括四种：

transition-property

要设置过渡属性的属性名。例如：

transition-property: width

 表示为宽度设置过渡属性。

transition-duration

过渡效果需要多少秒或者多少毫秒来完成。transition-duration的值必须要指定，否则过渡效果无法表示出来。

transition-timing-function

指定transition效果的转速曲线。这个值用来描述当过渡效果在实现的时候，是以什么样的速度来实现的。

比如transition-timing-function：linear表示过渡效果以同样的速度开始直至结束；

transition-timing-function：ease表示慢速开始，然后变快，然后慢速结束；