LESS에서 둥근 모서리 생성을 위한 벤더 프리픽스 적용
크로스 브라우저 방식으로 모서리를 둥글게 만드는 함수를 만들어 봅시다:
.radius(@radius) {
-moz-border-radius: @radius;
-webkit-border-radius: @radius;
border-radius: @radius;
}
우리의 함수를 사용해 보세요:
div {
.radius(10px);
}
컴파일 결과:
div {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
