transition可同时过渡多个属性，用逗号分隔各声明，浏览器独立执行；需明确指定属性名与持续时间，慎用all；仅支持可计算、有中间值的属性，transform和opacity性能更优；transition-property: none会完全禁用所有过渡。
transition 同时过渡多个属性的写法
直接在 transition 属性里用逗号分隔多个声明即可，每个声明控制一个属性的过渡行为。浏览器会分别对它们独立触发、独立执行，互不干扰。
常见错误是只写一个 transition: all 0.3s，看似省事，实则容易引发意外动画（比如无意中过渡了 box-shadow 或 z-index）；更糟的是，all 在某些旧版 Safari 中有兼容性问题。
transition: width 0.2s ease, opacity 0.3s linear, transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);- 每个部分必须包含「属性名 + 持续时间」，「timing-function」和「delay」可选但建议显式写出，避免继承或默认值导致行为不一致
- 如果某属性没在列表中出现（比如
height），它就不会有过渡效果——这是可控的关键点，不是缺陷
哪些 CSS 属性支持 transition
只有「可计算的、有中间值」的属性才能过渡，比如 opacity、transform、width、color。像 display、z-index、font-family 这类离散型或无中间态的属性，设了 transition 也无效。
特别注意：height 和 width 设为 auto 时无法过渡——浏览器无法计算起始/结束的像素值。此时应改用 max-height 或 transform: scaleY() 替代。
立即学习“前端免费学习笔记（深入）”；
