transition-property用于指定应用过渡动画的CSS属性，可选值为none、all或具体属性名，常与duration、timing-function和delay配合使用。
CSS 的 transition-property 属性用于指定哪个或哪些 CSS 属性在发生改变时应用过渡动画。它通常与 transition-duration、transition-timing-function 和 transition-delay 一起使用，构成完整的过渡效果。
基本语法
transition-property: none | all | property;- none：不为任何属性应用过渡。
- all：对所有可动画的属性都应用过渡（默认值）。
-
property：指定具体要过渡的属性名称，例如
width、opacity、background-color等。
常见可动画属性包括：color、transform、opacity、margin、padding、width、height 等。
单独指定过渡属性
如果你想只让某个属性产生过渡效果，而其他属性立即变化，可以明确设置 transition-property。
.example {
transition-property: width;
transition-duration: 0.5s;
}
.example:hover {
width: 200px;
}
在这个例子中，只有 width 属性会平滑过渡，其他属性如 color 或 background 即使发生变化也不会有动画。
立即学习“前端免费学习笔记（深入）”；
多个属性的过渡
如果需要对多个属性应用过渡，可以用逗号分隔属性名。
.card {
transition-property: opacity, transform, background-color;
transition-duration: 0.3s, 0.5s, 0.4s;
}
.card:hover {
opacity: 0.8;
transform: scale(1.1);
background-color: #007bff;
}
注意：当使用多个属性时，transition-duration、timing-function 等也可以分别对应设置，顺序需匹配。
使用简写更高效
虽然可以单独设置 transition-property，但实际开发中更推荐使用 transition 简写属性，更简洁清晰。
.button {
transition: background-color 0.3s ease, border-color 0.2s linear;
}
这样一行代码就定义了多个属性的过渡行为，可读性和维护性更强。
基本上就这些。合理使用 transition-property 能让你精准控制动画范围，避免不必要的性能开销或视觉混乱。
