1

请提两个问题,因为我是 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;
}
4

1 回答 1

0

你的第一个问题的答案:

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

于 2012-06-27T09:54:08.870 回答