在 CSS3 中，逗号在过渡和变换之间是什么意思？答案

【问题标题】：What does comma mean here in CSS3, between transition and transform?在 CSS3 中，逗号在过渡和变换之间是什么意思？
【发布时间】：2012-06-27 17:54:08
【问题描述】：

两个问题，因为我是 CSS3 的新手：

1) 我知道下面的 -XXX-transtion: opacity .4s 对 Webkit 和 Firefox 浏览器说：在 400 毫秒的过程中将不透明度更改为零。 但是之后的逗号是什么意思什么意思？

opacity: 0;
-webkit-transition: opacity .4s, -webkit-transform .4s;
-moz-transition: opacity .4s, -moz-transform .4s;

2)给定下面的mixins.less文件，如何改写上面的语句？

.transform(@transform) {
    -webkit-transform: @transform;
    -moz-transform: @transform;
    -ms-transform: @transform;
    -o-transform: @transform;
    transform: @transform;
}

.transition(@transition) {
    -webkit-transition: @transition;
    -moz-transition: @transition;
    -ms-transition: @transition;
    -o-transition: @transition;
    transition: @transition;
}

【问题讨论】：

标签： css less css-transitions css-transforms

【解决方案1】：

第一个问题的答案：

您可以在过渡中使用逗号来指定必须应用过渡的多种样式。例如：-webkit-transition: opacity .4s, -webkit-transform .4s 行将告诉在更改不透明度和完成变换时应用过渡（可以是形状变化、位置变化或大小变化取决于变换的类型）

【讨论】：