css的过渡效果

过渡：元素从一种效果过渡另一种效果上

要求：

1 、把效果添加到哪个 CSS 属性

2 、过渡效果的时长

3 、效果触发的动作 （hover）

目录

1.单项改变

2.多项改变

3.指定过渡的速度

4.延迟过渡效果

5.总结

---

1.单项改变

2.多项改变

多项改变：

同时制定多个属性进行过渡效果，添加多个属性，用逗号进行隔开

3.指定过渡的速度

用transition-timing-function属性

ease	规定过渡效果，先缓慢地开始，然后加速，然后缓慢地结束（默认）
linear	规定从开始到结束具有相同速度的过渡效果
ease-in	规定缓慢开始的过渡效果
ease-out	规定缓慢结束的过渡效果
ease-in-out	规定开始和结束较慢的过渡效果
cubic-bezier(n,n,n,n)	允许您在三次贝塞尔函数中定义自己的值

4.延迟过渡效果

用transition-delay属性