image.png

cubic-bezier() 贝塞尔曲线

  • 特定的贝塞尔曲线类型，4个数值需在[0, 1]区间内
  • image.png
  • 有两部分组成，起点和终点
  • image.png

  • image.png

    transition-property 监听属性

  • 参数

  • 监听任何想监听的属性
    • 例如 transition-property: widht, height

  • all

    • 监听所有，一般使用监听所有
    • transition-property：all

      transition-durantion 过渡时间

  • 设置过渡的时间，单位是秒

  • 示例：

    • transition-durantion: 1s

      transition-timing-function 运动状态

  • 参数

  • linear 匀速

    transition-delay 等待过渡时间

  • 相当于settimeout

  • transition-delay： 0

    transition复合写法

  • transition: 属性，过渡时间， 运动状态，等待过渡时间

  • transition: widht , 2s, linear, 1s;

    过渡多个属性

  • transition:widht, 2s, linear, 1s ,height ,2s, lenear, 1s;