CSS中的transition是一种可以让网页元素动态变化的属性。通过定义不同的属性值和过渡时间，我们可以制造出平滑流畅的效果。

/* 用法示例 */.box {width: 100px;height: 100px;background-color: red;transition: width 2s;}.box:hover {width: 200px;}

在上面的例子中，当鼠标移入box元素时，它的宽度会从100px渐变到200px。这个过渡的时间是2秒。

除了width，我们还可以用transition来平滑过渡其他的属性，比如颜色、位置、透明度等等。同时，我们也可以定义多个过渡属性，用逗号隔开。

/* 多个过渡属性 */.box {width: 100px;height: 100px;background-color: red;transition: width 2s, background-color 1s;}.box:hover {width: 200px;background-color: blue;}

在上面的例子中，box元素的宽度和背景色都会产生平滑过渡，在2秒和1秒钟之间分别完成。

最后需要注意的是，transition属性只对渲染引擎执行的改变有效。像display、position这类只涉及文档流的属性是不会平滑过渡的。