transition-property的用法

transition-property属性用于指定需要过渡的CSS属性名称，用逗号分隔多个属性。当元素的指定属性发生变化时，transition效果就会触发。

语法：

transition-property: none|all|property_name;

取值：

- none：没有属性被指定，不会触发transition效果。
- all：所有属性都会触发transition效果。
- property_name：指定一个或多个属性名称，多个属性名称之间使用逗号分隔。

示例：

.box{
  width: 100px;
  height: 100px;
  background-color: red;
  transition-property: width, height, background-color;
}
.box:hover{
  width: 200px;
  height: 200px;
  background-color: blue;
}

在上面的示例中，当鼠标悬浮在.box元素上时，它的宽度、高度和背景颜色会发生变化，由于这些属性都被指定在transition-property中，所以它们的变化会产生渐变效果。