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:
.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:
div {
.rotate(10deg);
.skew(10deg);
}
Kết quả biên dịch:
div {
-moz-transform: rotate(10deg) skew(10deg);
-webkit-transform: rotate(10deg) skew(10deg);
transform: rotate(10deg) skew(10deg);
}
