CSS 过渡效果（CSS transitions）

CSS 过渡效果（CSS transitions）是一种在 CSS 中定义的动画效果，用于在元素的属性值发生变化时，使变化过程更加平滑和渐变。它允许你在状态变化时添加动画，比如当鼠标悬停在一个元素上时改变它的背景色、颜色、尺寸等等。

过渡效果的语法如下所示：

transition: property duration timing-function delay;

• property: 指定要应用过渡效果的 CSS 属性，例如 background-color, color, width, height 等等。
• duration: 指定过渡效果持续的时间，以秒（s）或毫秒（ms）为单位。
• timing-function（可选）: 指定过渡的时间函数，用于控制动画过程中属性值的变化速度，常见的有 ease, linear, ease-in, ease-out, ease-in-out 等。
• delay（可选）: 指定过渡效果开始的延迟时间，以秒（s）或毫秒（ms）为单位。

以