属性语法如下：
transition: property duration timing-function delay;
- property：指定要过渡的 CSS 属性的名称。可以是单个属性，也可以是以逗号分隔的多个属性。例如：opacity、background-color。
- duration：指定过渡的持续时间，以秒（s）或毫秒（ms）为单位。例如：0.5s 或 500ms。
- timing-function：指定过渡效果的时间函数（缓动函数）。它定义了在过渡期间速度的变化。常见的值包括 ease、linear、ease-in、ease-out、ease-in-out 等。
- delay：指定过渡效果何时开始。也是以秒（s）或毫秒（ms）为单位。例如：0.2s。
例子：
/* 单个属性过渡 */
.element {
transition: opacity 0.3s ease-in-out;
}
/* 多个属性过渡 */
.element {
transition: opacity 0.3s ease-in-out, transform 0.5s ease-in-out;
}
在这个例子中，当.element 元素的 opacity 或 transform 属性发生变化时，将以 0.3s 的持续时间以 ease-in-out 的缓动函数进行平滑过渡。你可以根据需要调整 property、duration、timing-function 和 delay 的值来实现不同的过渡效果。
转载请注明出处：http://www.zyzy.cn/article/detail/6149/CSS