css中transition的用法

CSS中的transition属性用于指定元素在改变属性值时的过渡效果。它可以使元素的变化更加平滑和自然。transition属性需要指定四个值：过渡属性、过渡持续时间、过渡延迟时间和过渡速度曲线。

以下是transition属性的语法：

transition: property duration timing-function delay;

- property：指定要过渡的CSS属性，可以是一个或多个属性，多个属性之间用逗号分隔，也可以使用关键字'all'表示所有属性。
- duration：指定过渡的持续时间，可以使用秒（s）或毫秒（ms）作为单位。
- timing-function：指定过渡的速度曲线，控制过渡效果的加速和减速，默认为'ease'。其他常见的值有'linear'、'ease-in'、'ease-out'等。
- delay：指定过渡开始之前的延迟时间，可以使用秒（s）或毫秒（ms）作为单位。

举个例子，如果要为一个元素的宽度属性添加过渡效果，持续时间为1秒，延迟时间为0.5秒，速度曲线为线性变化，可以这样写：

transition: width 1s linear 0.5s;

通过使用transition属性，可以为元素的各种CSS属性添加平滑的过渡效果，使页面更加生动和流畅。