LESS တွင် ရင်းနှီးပြီး ခြားနားခြင်းအတွက် နည်းလမ်း

တန်ဖိုးများကို ကြားခြားနားခြင်း မဟုတ်ဘဲ ရင်းနှီးပြီး ခြားနားခြင်းအတွက် လိုအပ်သော ဂုဏ်အင်များ ရှိပါသည်။ ထိုသို့သော ရင်းနှီးမှုများအတွက် အထူးလုပ်ဆောင်ချက် +_ ရှိပါသည်။

transform ဂုဏ်အင်ဖြင့် ဥပမာတစ်ခုပေါ်တွင် ၎င်း၏လုပ်ဆောင်ချက်ကို ကြည့်ရှုကြပါစို့။ .rotate နှင့် .skew လုပ်ဆောင်ချက်များကို ပြုလုပ်ကြပါစို့၊ ၎င်းတို့သည် သက်ဆိုင်ရာ ပြောင်းလဲမှုများကို သတ်မှတ်ပေးပါမည်။

styles.less.rotate(@r) {
  transform+_: rotate(@r);
}
.skew(@s) {
  transform+_: skew(@s);
}

ကျွန်ုပ်တို့၏လုပ်ဆောင်ချက်များကို အသုံးပြုကြပါစို့။

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

ကျွန်ုပ်တို့၏ပြောင်းလဲမှုများကို တစ်ခုတည်းသော ဂုဏ်အင်ဖြစ်သော transform အတွင်း ရင်းနှီးသွားမည် ဖြစ်သည်။

styles.cssp {
  transform: rotate(10deg) skew(10deg);
}
Задание 1

သက်ဆိုင်ရာပြောင်းလဲမှုကို သတ်မှတ်ပေးသော အလားတူလုပ်ဆောင်ချက် scale ကို အကောင်အထည်ဖော်ပါ။

Задание 2

သက်ဆိုင်ရာပြောင်းလဲမှုကို သတ်မှတ်ပေးသော အလားတူလုပ်ဆောင်ချက် translate ကို အကောင်အထည်ဖော်ပါ။