css中transition

CSS中的transition是一种CSS属性，用于在元素从一种状态转换到另一种状态时，为元素添加过渡效果。该过渡效果可以是元素的位置、大小、颜色、透明度等方面的变化。

transition属性有以下几个值：

1. transition-property：表示要过渡的属性名称，可以同时指定多个属性，用逗号分隔。

2. transition-duration：表示过渡的时间，可以使用s、ms等单位。

3. transition-timing-function：表示过渡的时间函数，包括linear、ease、ease-in、ease-out、ease-in-out等。

4. transition-delay：表示过渡延迟的时间，可以使用s、ms等单位。

例如，以下代码表示当鼠标悬停在按钮上时，按钮的背景颜色从白色变为蓝色，过渡时间为1秒：

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

button:hover {
  background-color: blue;
}
``