Что означает запятая здесь, в CSS3, между переходом и преобразованием?

Question

два вопроса пожалуйста, как я новичок в 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; 
} 

Answer 1

Ответ на ваш 1-й вопрос:

Вы можете использовать запятые в переходах указать несколько стилей, для которых переход должен быть applied.For например: линия -webkit-transition: opacity .4s, -webkit-transform .4s бы сказать, чтобы применить переход когда непрозрачности изменяется и когда выполняется преобразование (может быть изменение формы, изменение позиции или изменение размера в зависимости от типа преобразования)