html - 在 CSS 中定义多个过渡属性

Question

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

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所有前缀。

简写语法在规范中描述。