CSS Transition 是 CSS 动画的一种简单形式，允许元素从一种样式逐渐改变为另一种样式。它提供了一种平滑的过渡效果，可以在指定的时间段内改变元素的属性，如颜色、大小、位置等。CSS Transition 通常与 `:hover` 伪类或其他事件结合使用，以实现用户交互时的动画效果。
基本语法如下：
```css
transition-property: 要过渡的属性（例如：width、height、background-color 等）；
transition-duration: 过渡的持续时间（例如：2s、120ms）；
transition-timing-function: 过渡的时间函数（例如：ease、linear）；
transition-delay: 过渡延迟时间（可选）；
```
完整的例子：
```css
div {
width: 100px;
height: 100px;
background-color: red;
transition: width 2s ease-in-out; /* 在 2 秒内平滑过渡宽度变化 */
}
div:hover {
width: 200px; /* 鼠标悬停时改变宽度 */
}
```
在这个例子中，当鼠标悬停在 `div` 元素上时，宽度将在 2 秒内平滑过渡到 200px。你可以根据需要调整过渡的属性、持续时间、时间函数等。此外，还可以为多个属性设置过渡，只需用逗号分隔它们即可。例如：`transition: width 2s, height 1s ease-in;`。