该属性有几个值，包括：
- transition-property：指定要过渡的 CSS 属性的名称。
- transition-duration：指定过渡的持续时间，可以使用秒（s）或毫秒（ms）作为单位。
- transition-timing-function：指定过渡效果的时间曲线，控制过渡期间属性值的变化速度。
- transition-delay：指定过渡开始之前的延迟时间。
下面是一个例子，演示了如何使用 transition 属性创建一个简单的过渡效果：
.box {
width: 100px;
height: 100px;
background-color: blue;
transition-property: width; /* 指定要过渡的属性 */
transition-duration: 1s; /* 过渡持续时间为1秒 */
transition-timing-function: ease-in-out; /* 过渡时间曲线，这里是先加速后减速 */
transition-delay: 0.5s; /* 延迟0.5秒开始过渡 */
}
.box:hover {
width: 200px; /* 鼠标悬停时，width属性发生变化，触发过渡效果 */
}
在这个例子中，当鼠标悬停在 .box 元素上时，宽度从初始的 100px 过渡到 200px。过渡效果的持续时间是1秒，时间曲线是先加速后减速，延迟时间是0.5秒。你可以根据需要调整这些值以满足设计的要求。
转载请注明出处：http://www.zyzy.cn/article/detail/4251/CSS