10 过渡和2d变形

1.1  过渡

• 单一

  • 过渡参与的属性：transition-property

  • 过渡的时间：transition-duration

  • 延迟时间：transition-delay

  • 运动曲线：transition-timing-function

    • 逐渐慢下来：ease，默认值

    • 加速：ease-in

    • 减速：ease-out

    • 先加速后减速：ease-in-out

    • 匀速运动：linear

    • 步长运动：steps(数字)

    • 贝塞尔曲线

• 复合：transition:需要什么写什么。 如果只写了一个时间，必然是过渡时间 如果写了2个，前者为过渡时间，后者为延迟时间

1.2  2d变形transform

• 2d变形transform

  • 位移：translate

  • 旋转：rotate

  • 缩放：scale

  • 倾斜：skew

  • 当位移和旋转或者缩放一起写的时候，最好是先写位移。 先写位移变形点不会发生改变 后写位移变相点会改变