一、过渡的定义与作用
CSS3 过渡（Transitions）允许 CSS 属性在一定的时间区间内平滑地过渡，从一个值转变为另一个值。它能够让网页元素的状态变化更加自然、流畅，给用户带来更好的视觉体验。例如，当一个元素从隐藏状态变为显示状态，通过过渡可以使其淡入，而不是生硬地突然出现。
二、过渡的属性
transition - property（过渡属性）
该属性用于指定哪些 CSS 属性会产生过渡效果。它可以是单个属性，如width、height、color、opacity等。例如：
div {transition - property: width;
}这表示只有width属性会在发生变化时产生过渡效果。也可以指定多个属性，多个属性之间用逗号分隔，如transition - property: width, height, background - color;，此时这三个属性的变化都会有过渡效果。如果想让所有可以过渡的属性都产生过渡效果，可以使用all关键字，像transition - property: all;。不过要注意，有些属性无法进行过渡，比如display属性从none到其他值或者从其他值到none的变化。
transition - duration（过渡持续时间）
它定义了过渡效果持续的时长，单位是秒（s）或者毫秒（ms）。例如：
div {transition - duration: 0.5s;
}transition - timing - function（过渡时间函数）
这个属性控制过渡过程中属性值变化的速度曲线。
预定义的值
ease（默认值）：这种时间函数使得过渡开始时