input transition传播方式

transition传播方式是指在CSS中定义元素状态变化的效果。其中包括以下几种方式：

1. `transition-property`：指定要应用过渡效果的CSS属性。可以是单个属性，也可以是多个属性组合。例如：`transition-property: width;` 或者 `transition-property: width, height;`。

2. `transition-duration`：指定过渡效果的持续时间，以秒或毫秒为单位。例如：`transition-duration: 0.5s;`。

3. `transition-timing-function`：指定过渡的时间曲线，即过渡效果的加速度。可以使用预定义的值，如 `ease`, `linear`, `ease-in`, `ease-out`, `ease-in-out`，也可以使用自定义的贝塞尔曲线。例如：`transition-timing-function: ease-in-out;`。

4. `transition-delay`：指定过渡效果的延迟时间，以秒或毫秒为单位。例如：`transition-delay: 0.2s;`。

这些属性可以一起使用，通过在元素的CSS样式中定义，来实现元素状态变化时的过渡效果。例如：

.element {
  transition-property: width;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.2s;
}

这样，在元素的宽度发生改变时，会以0.5秒的持续时间、缓入缓出的时间曲线，并且延迟0.2秒后开始过渡效果的展示。