การใช้เวนเดอร์พรีฟิกซ์สำหรับสร้างมุมโค้งมนใน LESS

มาสร้างฟังก์ชันที่จะทำมุมโค้งมนที่ทำงานข้ามเบราว์เซอร์ได้:

styles.less.radius(@radius) {
  -moz-border-radius: @radius;
  -webkit-border-radius: @radius;
  border-radius: @radius;
}

มาใช้ฟังก์ชันของเรา:

styles.lessdiv {
  .radius(10px);
}

ผลลัพธ์การคอมไพล์:

styles.cssdiv {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}