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

由于我是CSS3新手，请回答两个问题：

1）我知道

-XXX transition: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;
}

---

第一个问题的答案是：

您可以在转换中使用逗号指定必须应用转换的多个样式。例如，行

-webkit transition:opacity.4s，-webkit transform.4s

将指示在更改不透明度和完成转换时应用转换（可以是形状更改、位置更改或大小更改，具体取决于变换的类型）