transition

语法:transition:param1 param2

  • param1 要过渡的属性
  • param2 过渡的时间.

过渡是CSS3中具有颠覆性的特征之一,可以实现元素不同状态间的平滑过渡(补间动画),经常用来制作动画效果。
补间动画:自动完成从起始状态到终止状态的的过渡。不用管中间的状态
帧动画:扑克牌切换.通过一帧一帧的画面按照固定顺序和速度播放。
特点:当前元素只要有“属性”发生变化时,可以平滑的进行过渡。
transition-property设置过渡属性
transition-duration设置过渡时间 用来控制速度linear(匀速)ease-in (加速)ase-in-out (先加速后减速) ease-out (减速)
transition-timing-function设置过渡速度
transition-delay设置过渡延时,超过时间后执行动画.

Last modification:June 5, 2018
If you think my article is useful to you, please feel free to appreciate