css3之transition动画效果

雪磊 Views
css3的动画功能
  • transition
  • animation
transition
transition-property:color;//过度属性名称
transition-duration:1s;//过度时间
transition-timing-function:ease;//过度模式
简写 >>:  transition:color(过度属性名称) 1s(过度时间) ease(过度模式);
共五中过度模式
  •   ease                   //缓慢开始,缓慢结束(不设置时默认为ease)
  •   linear        //匀速
  •   ease-in     //缓慢开始
  •   ease-out //缓慢结束
  •   ease-in-out//缓慢开始,缓慢结束(和ease稍有区别)