transition css

Transition CSS 是一种 CSS3 功能，用于在元素从一种状态转换到另一种状态时添加动画效果。它可以用来为元素的属性（如背景色、位置、大小等）添加过渡效果，让页面变得更加生动有趣。

使用 Transition CSS，需要设置以下属性：

- transition-property：需要添加过渡效果的 CSS 属性名称。
- transition-duration：过渡效果的持续时间。
- transition-timing-function：过渡效果的时间函数，用于控制过渡效果的速度变化。
- transition-delay：过渡效果启动前的延迟时间。

例如，以下代码将会为按钮添加一个背景颜色过渡效果：

button {
  background-color: blue;
  transition-property: background-color;
  transition-duration: 1s;
}

button:hover {
  background-color: red;
}

当鼠标悬停在按钮上时，背景颜色会从蓝色逐渐过渡到红色，持续时间为 1 秒。