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);
}
