在CSS中，`transition`是一种用于实现元素状态过渡效果的属性。它允许您指定元素在不同状态之间平滑过渡的样式属性，并控制过渡的持续时间、延迟和过渡函数。
`transition`属性的语法如下：
transition: property duration timing-function delay;- `property`：指定要过渡的样式属性，可以是一个或多个属性，用逗号分隔。
- `duration`：指定过渡的持续时间，以秒或毫秒为单位。
- `timing-function`：指定过渡的时间函数，控制过渡的速度曲线，常见的值包括 `ease`(默认值)、`linear`、`ease-in`、`ease-out`、`ease-in-out` 等。
- `delay`：指定过渡开始前的延迟时间，以秒或毫秒为单位。
以下是一个示例，演示了一个元素在鼠标悬停时改变背景颜色的过渡效果：
div {
background-color: blue;
transition: background-color 0.3s ease;
}
div:hover {
background-color: red;
}在上述示例中，`div` 元素的背景颜色在0.3秒内平滑过渡，并应用了默认的时间函数 `ease`。当鼠标悬停在元素上时，背景颜色从蓝色过渡到红色。
京公网安备 11010802030320号