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