css3动画过渡——transition属性

控制动画速度方法：

1. transition-proterty 指参与过渡的css属性，默认值位all。如：width。

2. transition-duration：2s  指动画执行/过渡时间为2秒。默认值是0s。

3.transition-delay：3s  指动画延迟时间为3秒。

4. ransition-timing-function： linear指速度类型为变速。

（ 速度类型 ：

   ① linear 相同的速度从开始到结束，也就是匀速

  ② ease 默认值 慢速度开始--速度变快--慢速度结束

 ③ ease-in 慢速度开始的过渡效果，也就是以低速度开始

④ ease-out 慢速度结束的过渡效果，也就是以低速结束 5.ease-in-out 以慢速度开始和结束的过渡效果  ）

注意：必须设置transition-duration属性，否则执行时间为0，不会产生过渡效果

过渡的坑
过渡只关系元素的初始状态和结束状态，没有方法可以获取元素在过渡中的每一帧的状态

元素在初次渲染还没有结束的时候，是没有办法出发过渡的

在绝大多数变换样式的切换时，变换组合的个数或位置不一样时，是没有办法触发过渡的