在 CSS3 中，逗号在转换和转换之间是什么意思

Question

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

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

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;
}

Answer 1

第一个问题的答案：

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