htm5

animation-file-mode

 

作用：指定动画等待/结束的样式

 

取值：none;     默认取值 不做任何样式

 

     forwards  让动画结束状态停留在最后一帧

 

     backwards 让动画等待状态停留在第一帧

 

     both      forwards/backwards的结合

 

 

 

动画的简写

 

animation:动画名称  动画时长  动画的运动模式  延迟时间  执行次数  往返动画；

 

一般的简写：animation:动画名称  动画时长

 

 

实现过渡的效果

 

       transition-property:属性

 

   

 

       transition-duration：持续时间 s;

 

 

 

过渡的其他属性：

 

   transition-delay:执行过渡效果等的待时间s;

 

   transition-timing-function:模式；     以哪种模式过渡

 

                              模式的取值：1.linear  匀速

 

                                         2.ease    逐渐变慢 【默认】

 

                                         3.ease-in 逐渐变快

 

                                         4.ease-out 减速

 

                                         5.ease-in-out 先快后慢

 

                      

 

注意：想给多个属性添加过渡效果，可【transition-property:过渡属性1,过渡属性2;】  属性之间逗号隔开