transform ဂုဏ်သတ္တိ

transform ဂုဏ်သတ္တိသည် အစိတ်အပိုင်း၏ ပုံသဏ္ဍာန်ပြောင်းလဲမှုများကို သတ်မှတ်ပေးသည်၊ ဥပမာ လှည့်ခြင်း, စကေးချဲ့ခြင်း, စောင်းခြင်း, ရွေ့ခြင်း စသည်တို့ဖြစ်သည်။ သက်ဆိုင်ရာ ပုံသဏ္ဍာန်ပြောင်းလဲမှုများကို အကွာအဝေးဖြင့် ရေးသားသည်:

cssselector {
  transform: rotate(30deg) scale(3);
}

ဥပမာ

ဤဥပမာတွင် ဘလောက်တစ်ခုကို နာရီလက်တံအတိုင်း 30 ဒီဂရီ လှည့်ထားသည်:

html<div id="elem">lorem ipsum</div>

css#elem {
  transform: rotate(30deg);
  border: 1px solid black;
  width: 100px;
  height: 50px;
}

Результат:

ဥပမာ

ဤဥပမာတွင် လှည့်ခြင်းအပြင် စောင်းခြင်းကိုလည်း ပေါင်းထည့်ထားသည်:

html<div id="elem">lorem ipsum</div>

css#elem {
  transform: rotate(30deg) skew(20deg);
  border: 1px solid black;
  width: 100px;
  height: 50px;
}

Результат:

ဥပမာ

ဤဥပမာတွင် လှည့်ခြင်းနှင့် စောင်းခြင်းအပြင် စကေးပြောင်းလဲခြင်းကိုလည်း ပေါင်းထည့်ထားသည်:

html<div id="elem">lorem ipsum</div>

css#elem {
  transform: rotate(30deg) skew(20deg) scale(2, 3);
  border: 1px solid black;
  width: 100px;
  height: 50px;
}

Результат: