CSS的transition：

CSS的transition属性用于在元素发生指定的样式变化时添加过渡效果，使元素的变化更加平滑。它可以应用于大多数CSS属性，包括颜色、大小、位置等。

transition属性需要设置过渡属性、过渡时间和过渡效果。以下是transition属性的语法：

transition: property duration timing-function delay;

• property：指定应用过渡效果的CSS属性，可以单独指定属性名称，也可以使用all表示所有属性。
• duration：指定过渡的持续时间，以秒（s）或毫秒（ms）为单位。
• timing-function：指定过渡的时间函数，控制过渡的速度曲线，例如ease（默认值，渐变开始和结束时较慢，中间较快）、linear（线性过渡）等。
• delay：可选参数，指定过渡的延迟时间，以秒（s）或毫秒（ms）为单位。

以下是一个示例，展示了一个元素在鼠标悬停时逐渐改变背景颜色的过渡效果：

div {
  background-color: red;
  transition: background-color 0.3s ease;
}

div:hover {
  background-color: blue;
}

在上面的示例中，当鼠标悬停在div元素上时，背景颜色会逐渐从红色过渡到蓝色。通过设置transition属性，可以控制过渡效果的时间、速度和延迟等参数。

使用transition属性可以创建各种各样的过渡效果，使元素的样式更加生动和有趣。