CSS3之transition过渡

CSS3之transition过渡

-property属性：

参数：none、all和property（元素的属性名，如：transform）

-duration 过渡（过程中的延迟）时间属性：

参数：time时间
语法：transition-duration:time(单位为ms毫秒/s秒)

-time-function属性

参数：

1. linear 匀速运动
2. ease 平滑过渡（默认），逐渐加快，快到一定速度变慢
3. ease-in 由快到慢
4. ease-out 由慢到快
5. ease-in-out 由慢到快再到慢（最人性化）
6. step-start 等同于step（1，star）以开始的形态
7. step-end 等同于star（1，end）
8. step（参数一：正整数，参数二：star/end）

-delay 延迟属性

等待time时间执行，开始前的延迟，先执行开始的延迟再执行过程的延迟

1. 参数time，单位秒或毫秒

注：transition简写的顺序：

语法：
transition：property duration timing-function delay
如：

transition:transform 2s ease-in-out 1s;
//对应：property duration time-function delay