关于前端:CSS3-中的过渡-transition

在 CSS3 中，咱们能够利用 transition 实现元素从一种款式变换为另一种款式时增加动画成果。 通常和 :hover 一起搭配应用。

  transition: 要过渡的属性 破费的工夫 静止曲线 何时开始；

• 要过渡的属性 ：想要变动的 css 属性，宽度、高度、背景色彩、内外边距等。如果想要所有属性都有过渡，用 all。
• 破费工夫 ：过渡动画的工夫，单位是秒，必须写单位，比方 0.5s。
• 静止曲线 ：动画的速度曲线。值为 linear（匀速）、ease（逐步慢下来）、ease-in（减速）、ease-out（加速）、ease-in-out（先减速后加速）。能够缺省，默认为 ease。
• 何时开始 ：延时工夫，单位是秒，必须写单位。能够缺省，默认是 0s。

  /* 宽度过渡 */
  transition: width .5s ease;

  /* 宽度、高度过渡，多个属性用逗号分隔 */
  transition: width .5s, height .5s;

  /* 所有属性用 all*/
  transition: all .5s linear;