Biến đổi bằng tiền tố nhà cung cấp trong LESS

Hãy tạo các hàm để thiết lập các phép biến đổi một cách đa trình duyệt thông qua các hàm rotate và skew:

styles.less.rotate(@r) {
  -moz-transform+_: rotate(@r);
  -webkit-transform+_: rotate(@r);
  transform+_: rotate(@r);
}
.skew(@s) {
  -moz-transform+_: skew(@s);
  -webkit-transform+_: skew(@s);
  transform+_: skew(@s);
}

Sử dụng các hàm của chúng ta:

styles.lessdiv {
  .rotate(10deg);
  .skew(10deg);
}

Kết quả biên dịch:

styles.cssdiv {
  -moz-transform: rotate(10deg) skew(10deg);
  -webkit-transform: rotate(10deg) skew(10deg);
  transform: rotate(10deg) skew(10deg);
}