在 CSS 中定义多个转换属性

Question

将transition-property设置为 all 时，在浏览器窗口中缩放时看起来很糟糕，因为width和height属性也在转换。当我只想要background和color时，我需要多行定义它，但是：

transition-property: color, background;
transition-duration: 250ms;

这很糟糕，因为我也必须为-webkit-、-moz和-o-这样做。相反，我正在寻找这样的东西：

transition: [color and background] 250ms;

这有什么语法吗？

Answer 1

当使用具有多个过渡的transition速记时，您需要为每个属性重复转换持续时间，并用逗号分隔每组值：

transition: color 250ms, background 250ms;

使用前缀，它看起来像这样：

-moz-transition: color 250ms, background 250ms;
-o-transition: color 250ms, background 250ms;
-webkit-transition: color 250ms, background 250ms;
transition: color 250ms, background 250ms;

仍然有点重复，但至少它胜过对所有前缀重复transition-property和transition-duration。

简写语法在规范中描述。