30-过渡

过渡

• 在css样式改变时，可以控制改变的动画效果和速率，让改变不是瞬间发生

• 设置：

  • transition-proprety：设置过渡对象，默认值为all

  • transition-duration：表示过渡时长，默认值为0，单位可以是ms或者s

  • transition-delay：表示过渡延迟时长，默认值为0，单位可以是ms或者s

  • transition-timing-function：表示过渡的执行速率，默认为ease

    • ease:以低速开始,变快,最后以低速结束
    • linear:匀速运动
    • ease-in:以低速开始
    • ease-out:以低速结束
    • ease-in-out:以低速开始和结束
    • cubic-bezier():通过贝塞尔曲线设置
    • cubic-bezier.com/

  • transition：复合属性设置

    transition: css属性名 执行时长 延时时长 执行速率;