能，transition 可同时控制多个 css 属性的动画，通过逗号分隔多组 property duration timing-function delay 值，为各属性独立指定过渡规则。
transition 能不能同时控制多个 CSS 属性的动画
能，但不是“组合多个动画效果”，而是对多个属性分别启用过渡。transition 本身不定义动画逻辑，只声明“某个属性变化时，用什么方式过渡”。只要在值里列出多个 property duration timing-function delay 三元组（或四元组），就能让不同属性按各自规则过渡。
- 写法上，
transition是一个简写属性，支持空格分隔的多组值，例如：transition: width 0.3s ease, opacity 0.2s linear 0.1s, transform 0.4s cubic-bezier(0.2,0.8,0.4,1) - 每个分组必须至少包含
property和duration；timing-function和delay可选，缺省为ease和0s - 注意：如果只写一个
transition: all 0.3s，所有可过渡属性都会动，但节奏、延迟全一样，容易失控
哪些 CSS 属性支持 transition 动画
不是所有属性都能过渡，只有「具有中间状态」且浏览器明确支持过渡计算的属性才行。常见支持的包括：color、background-color、opacity、transform、width、height、margin、padding、font-size 等。
-
display、z-index、position（值本身）、content等不支持过渡——它们没有连续变化路径，改了就是突变 -
box-shadow支持，但要注意inset关键字切换会导致过渡中断；建议统一用 or 不用inset -
transform推荐优先使用（性能好），避免直接过渡left/top，后者会触发重排
transition 多属性不同步问题怎么调
多个属性过渡时间、延迟不一致时，视觉上容易出现“脱节”：比如按钮缩放还没结束，文字颜色就已变完。这不是 bug，是预期行为，但需要主动协调。
