CSS 过渡（Transition）允许将属性从一个状态平滑过渡到另一个状态。这些过渡可以在 CSS 中使用，以对元素进行动画效果或状态变化。
要使用过渡，需要设置两个状态与属性之间的变换效果。最常见的是从一种样式平滑地过渡到另一种样式。例如，在鼠标悬停时将菜单背景色从红色变为绿色。
下面是一个简单的示例，演示了如何使用过渡将背景颜色从红色平滑地变为绿色：
button {
background-color: red;
color: white;
padding: 10px 20px;
border: none;
transition: background-color 0.5s ease-out;
}
button:hover {
background-color: green;
}
在上面的示例中，当鼠标悬停在按钮上时，过渡将启动。 transition 属性用于定义过渡效果，其中包括：
- 属性名称：这是要过渡的 CSS 属性的名称（如 background-color）。
- 过渡时间：这是过渡效果所需的时间（以秒为单位）。
- 过渡速度：这是过渡效果的速度。可以是 ease、linear、ease-in、ease-out 等属性值之一。
在上面的示例中，过渡时间设置为 0.5 秒，过渡速度设置为 ease-out。这意味着在按钮背景颜色从红色变为绿色的过程中，它会慢慢地减慢，以创建更平滑的过渡效果。
总之，CSS 过渡是一种很有用的技术，可用于使您的网页更具动态性和交互性。通过配置 transition 属性，您可以轻松地创建平滑的过渡效果，从而使网站更加吸引人。
