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将指示在更改不透明度和完成变换时应用过渡（可以是形状变化，位置变化或尺寸变化，具体取决于变换的类型）

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

1 个答案: