CSS3에서 전환과 변형 사이에 쉼표는 무엇을 의미합니까?

Question

두 질문하십시오, 나는 CSS3에 새로 온 사람과 같이

1) 나는 -XXX-transtion: opacity .4s 아래에 웹킷과 파이어 폭스 브라우저를 말한다 이해 : 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 때 불투명도 전환을 적용 말할 것이다 : 당신은 전환 applied.For 예를이어야하는 여러 스타일을 지정할 전환에 쉼표를 사용할 수 있습니다

변환이 수행 될 때 (변환의 유형에 따라 모양 변경, 위치 변경 또는 크기 변경이 가능)