transform ဂုဏ်သတ္တိ
transform ဂုဏ်သတ္တိသည် အစိတ်အပိုင်း၏ ပုံသဏ္ဍာန်ပြောင်းလဲမှုများကို သတ်မှတ်ပေးသည်၊
ဥပမာ လှည့်ခြင်း,
စကေးချဲ့ခြင်း,
စောင်းခြင်း,
ရွေ့ခြင်း
စသည်တို့ဖြစ်သည်။ သက်ဆိုင်ရာ ပုံသဏ္ဍာန်ပြောင်းလဲမှုများကို
အကွာအဝေးဖြင့် ရေးသားသည်:
selector {
transform: rotate(30deg) scale(3);
}
ဥပမာ
ဤဥပမာတွင် ဘလောက်တစ်ခုကို နာရီလက်တံအတိုင်း 30
ဒီဂရီ လှည့်ထားသည်:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
ဥပမာ
ဤဥပမာတွင် လှည့်ခြင်းအပြင် စောင်းခြင်းကိုလည်း ပေါင်းထည့်ထားသည်:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
ဥပမာ
ဤဥပမာတွင် လှည့်ခြင်းနှင့် စောင်းခြင်းအပြင် စကေးပြောင်းလဲခြင်းကိုလည်း ပေါင်းထည့်ထားသည်:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg) scale(2, 3);
border: 1px solid black;
width: 100px;
height: 50px;
}
: