css中transition属性

CSS中的transition属性用于实现CSS属性值在一定的时间区间内平滑过渡的效果。通过定义transition属性，可以使元素在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并以动画效果改变CSS的属性值。transition属性包括以下几个值：

1. transition-property：指定要过渡的CSS属性的名称。可以使用通用值"all"表示所有属性都要过渡，或者指定具体的属性名称，例如"width"、"color"等。

2. transition-duration：指定过渡效果的持续时间。可以使用秒（s）或毫秒（ms）作为单位，例如"1s"、"500ms"。

3. transition-timing-function：指定过渡效果的时间曲线。可以使用预定义的动画函数，如"ease"、"linear"、"ease-in"、"ease-out"等，也可以使用自定义的贝塞尔曲线。

4. transition-delay：指定过渡效果的延迟时间。可以使用秒（s）或毫秒（ms）作为单位，例如"0.5s"、"200ms"。

以上是transition属性的几个常用值，通过组合这些值可以实现各种过渡效果。