html – 在CSS中定义多个transition属性

将transition-property设置为all时,在浏览器窗口内部缩放时看起来很糟糕,因为宽度和高度属性也正在转换.当我只想要背景和颜色时,我需要将它定义为多行,但是:

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

这很糟糕,因为我还必须为-webkit-,-moz和-o-这样做.相反,我正在寻找这样的东西:

transition: [color and background] 250ms;

这有什么语法吗?

使用具有多个转换的转换速记时,您需要重复每个属性的转换持续时间,并使用逗号分隔每组值:

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;

仍然有点重复,但至少它会重复所有前缀的重复转换属性和转换持续时间.

简写语法在spec中描述.

翻译自:https://stackoverflow.com/questions/12539555/define-multiple-transition-property-in-css

转载注明原文:html – 在CSS中定义多个transition属性