语法如下：
transition-property: none | all | property;
- none：没有属性会获得过渡效果。
- all：所有属性都将获得过渡效果。
- property：指定一个或多个具体的属性名，用逗号分隔。
下面是一个简单的例子，演示了如何使用 transition-property：
.box {
width: 100px;
height: 100px;
background-color: blue;
transition-property: width; /* 只有width属性会获得过渡效果 */
transition-duration: 1s;
}
.box:hover {
width: 200px; /* 鼠标悬停时，只有width属性发生变化，触发过渡效果 */
}
在这个例子中，.box 元素在鼠标悬停时，只有 width 属性会获得过渡效果。你也可以指定多个属性，例如：
.box {
width: 100px;
height: 100px;
background-color: blue;
transition-property: width, height; /* 同时指定width和height属性会获得过渡效果 */
transition-duration: 1s;
}
.box:hover {
width: 200px;
height: 150px; /* 鼠标悬停时，width和height属性发生变化，触发过渡效果 */
}
这样，当鼠标悬停时，width 和 height 属性都会获得过渡效果。
转载请注明出处：http://www.zyzy.cn/article/detail/4252/CSS