transition-duration ဂုဏ်သတ္တိ

transition-duration ဂုဏ်သတ္တိသည် transition ချောမွေ့အကူးအပြောင်း လုပ်ဆောင်ရန်အချိန်ကို သတ်မှတ်ပေးသည်။

Syntax

cssselector {
  transition-duration: s သို့မဟုတ် ms ဖြင့်အချိန်;
}

တန်ဖိုးများ

ပုံသေတန်ဖိုး: 0s.

ဥပမာ

ဘလောက်ပေါ်သို့ မောက်စ်ကိုတင်ထားပါ - ၎င်းသည် မိမိ၏အကျယ်ကို 2 စက္ကန့်အတွင်း ချောမွေ့စွာပြောင်းလဲပေးပါမည်။

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

css#elem {
  transition-duration: 2s;
  transition-property: width;
  border: 1px solid black;
  height: 50px;
  width: 100px;
}
#elem:hover {
  width: 400px;
}

Результат:

ဆက်လက်လေ့လာရန်