การใช้เวนเดอร์พรีฟิกซ์สำหรับสร้างมุมโค้งมนใน 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;
}
