transition过渡

transition过渡

　　复合属性:transition 取值:all 5s linear 3s　　

含义：css3的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标自击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值

all======单一属性:transition-property:检索或设置对象中的参与过渡的属性

5s======单一属性:transition-duration:检索或设置对象过渡的持续时间

3s======单一属性:transition-delay:检索或设置对象延迟过渡的时间

linear====单一属性:transition-timing-function:检索或设置对象中过渡的动画类型

简写:

transition:all/具体属性值 运动时间s/ms延迟时间s/ms动画类型

 

transition-timing-function:检索或设置对象中过渡的动画类型

贝塞尔曲线:

属性值:cubic-bezier()贝塞尔曲线网址:http://cubic-bezier.com/ 逐帧动画:t ansition-timing-function:steps(动画执行的步数);