transition

• 屬性	描述
  transition	簡寫屬性，用於將四個過渡屬性設定為單一屬性。
  transition-delay	規定過渡效果的延遲（以秒計）。多久開始
  transition-duration	規定過渡效果要持續多少秒或毫秒。
  transition-property	規定過渡效果所針對的 CSS 屬性的名稱。
  transition-timing-function	規定過渡效果的速度曲線。

指定過渡的速度曲線

transition-timing-function屬性規定過渡效果的速度曲線。

transition-timing-function 屬性可接受以下值：

• ease- 規定過渡效果，先緩慢地開始，然後加速，然後緩慢地結束（預設）
• linear- 規定從開始到結束具有相同速度的過渡效果
• ease-in-規定緩慢開始的過渡效果
• ease-out- 規定緩慢結束的過渡效果
• ease-in-out- 規定開始和結束較慢的過渡效果
• cubic-bezier(n,n,n,n)- 允許您在三次貝塞爾函式中定義自己的值

或使用簡寫的transition屬性：

例項

div {
  transition: width 2s linear 1s;
}