1. 过渡属性（transition-property）： 指定哪些 CSS 属性将会过渡。
transition-property: width, height, color;
这个例子表示在元素宽度、高度和颜色发生变化时会应用过渡效果。
2. 过渡持续时间（transition-duration）： 指定过渡的持续时间。
transition-duration: 0.5s;
这个例子表示过渡效果将在0.5秒内完成。
3. 过渡函数（transition-timing-function）： 指定过渡效果的时间函数，控制过渡过程中的速度变化。
transition-timing-function: ease-in-out;
这个例子表示过渡效果将在整个过程中以渐变的速度进行，先缓慢后快，再缓慢。
4. 过渡延迟（transition-delay）： 指定过渡效果的延迟时间，即过渡开始前的等待时间。
transition-delay: 0.2s;
这个例子表示过渡效果将在0.2秒后开始。
过渡的简写形式：
你也可以使用 transition 的简写形式，将上述属性合并在一起：
transition: width 0.5s ease-in-out 0.2s, height 0.5s ease-in-out 0.2s, color 0.5s ease-in-out 0.2s;
这个例子表示在宽度、高度和颜色发生变化时应用过渡效果，持续时间为0.5秒，时间函数为渐变的速度，延迟时间为0.2秒。
过渡通常用于创建平滑的动画效果，使得页面变化更加流畅。通过巧妙地使用过渡，你可以增强用户体验，使页面更加生动。
转载请注明出处：http://www.pingtaimeng.com/article/detail/12566/CSS