过渡

• 通过过渡可以使得元素在样式发生变化时，一点一点的改变
• transition-property
  • 应用过渡效果的属性，可以指定多个值
  • all 表示所有样式
• transition-duration
  • 过渡效果所花费的时间
  • 单位：
    • s 秒
    • ms 毫秒
• transition-delay
  • 过渡效果的延时
• transition-timing-function
  • 指定过渡的时间的曲线
  • 可选值：
    • ease 默认值 先加速然后减速
    • linear 匀速运动
    • ease-in 加速运动
    • ease-out 减速运动
    • cubic-bezier 贝塞尔曲线，可以自定义
    • steps() 分布执行动画
• transition
  • 过渡的简写属性，可以同时设置过渡的所有样式