H5C3（transition过度）

H5C3（transition过度）

transition过渡

1. 过渡是怎么回事

• 假如某个css属性 P，它有一个初始值a，再设一个初始值b。指定P属性是可以过渡显示的，那么当P从a变到b时，会有一个动画的效果。

• 注意： 伪类的过渡会还原，非伪类元素动画执行完成后，会保存动画完成时的状态

• transtion的几个属性：

  • transition-property: 就是上面那个P，比如说你指定width发生变化， 就填width;

  • transition-duration: 动画的时间 多少秒 比如 1s

  • transition-timing-function: 动画执行的速度效果

  • transition-delay: 延迟几秒执行