การแปลงโดยใช้ว่อนดอร์เพรฟิกซ์ใน LESS
มาสร้างฟังก์ชันที่จะตั้งค่าการแปลงข้ามเบราว์เซอร์
ผ่านฟังก์ชัน
rotate
และ
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);
}
ลองใช้ฟังก์ชันของเรา:
div {
.rotate(10deg);
.skew(10deg);
}
ผลการคอมไพล์:
div {
-moz-transform: rotate(10deg) skew(10deg);
-webkit-transform: rotate(10deg) skew(10deg);
transform: rotate(10deg) skew(10deg);
}
