LESS में वेंडर उपसर्गों का उपयोग करके ट्रांसफॉर्मेशन

आइए ऐसे फ़ंक्शन बनाते हैं जो क्रॉस-ब्राउज़र rotate और 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);
}

हमारे फ़ंक्शन का उपयोग करते हैं:

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

कंपाइलेशन का परिणाम:

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