브라우저 선택기를 LESS로 결합

Question

-webkit, -moz, -o 및 -ms 선택기를 LESS로 결합 할 수 있습니까?

나는

.transition(@t @d) { 
    transition:@t @d; 
    -webkit-transition:@t @d; 
    -moz-transition:@t @d; 
} 

일을 시도하지만 CSS 파일을 끊었다.

나는

.transition (WhatToTransition 시간)

을 입력 할 수 있도록하려면 그리고 모든 선택기에 적용해야합니다.

Answer 1

인수 사이에 쉼표를 넣으십시오.

.transition(@t, @d) { 
    -moz-transition: @t @d @e; 
    -webkit-transition: @t @d @e; 
    transition: @t @d @e; 
} 

그리고 당신은 또한 용이성과 같은 인수에 대한 몇 가지 기본 값, 또 다른 인수를 추가 할 수 있습니다

.transition(@t: all, @d: 1s, @e: linear) { 
    -moz-transition: @t @d @e; 
    -webkit-transition: @t @d @e; 
    -o-transition: @t @d @e; 
    -ms-transition: @t @d @e; 
    transition: @t @d @e; 
} 

나는 이것이 당신이 원하는 것을 희망한다. 그리고 접두어가 붙지 않은 속성을 끝에 놓기 위해 접두어로 붙인 속성을 재정렬하고 위에 나온 것처럼 o을 ms과 같이 추가 할 수도 있습니다.

예를 들면. LESS :

.test { 
    -webkit-transition: all 0.5s ease-in; 
    -moz-transition: all 0.5s ease-in; 
    -o-transition: all 0.5s ease-in; 
    -ms-transition: all 0.5s ease-in; 
    transition: all 0.5s ease-in; 
} 

:

.test { 
    .transition(all, 0.5s, ease-in); 
} 

이 CSS를 반환합니다