Just getting started with CSS3 and have a couple of questions:
1) I know that using -XXX-transtion: opacity .4s tells Webkit and Firefox browsers to gradually change the opacity to zero over 400ms. However, what does the comma right after signify?
opacity: 0;
-webkit-transition: opacity .4s, -webkit-transform .4s;
-moz-transition: opacity .4s, -moz-transform .4s;
2) If we have the following code in a file named mixins.less, how can we refactor the previous statements?
.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;
}