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