CSS Animatable
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
အချို့သော CSS ဂုဏ်သတ္တိများ သည် လှုပ်ရှားသက်ဝင်နိုင်သည်၊ ဆိုလိုသည်မှာ ၎င်းတို့ကို လှုပ်ရှားသက်ဝင်မှုနှင့် အကူးအပြောင်းများတွင် အသုံးပြုနိုင်သည်။
လှုပ်ရှားနိုင်သော ဂုဏ်သတ္တိများသည် အရွယ်အစား၊ နံပါတ်များ၊ ရာခိုင်နှုန်းနှင့် အရောင်များကဲ့သို့ တန်ဖိုးတစ်ခုမှ အခြားတစ်ခုသို့ တဖြည်းဖြည်း ပြောင်းလဲနိုင်သည်။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် CSS ကာတွန်းများကို အပြည့်အဝပံ့ပိုးပေးသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးပါသည်။
-webkit-၊ -moz- သို့မဟုတ် -o- ဖြင့်လိုက်သောနံပါတ်များသည် ရှေ့ဆက်တွဲတစ်ခုနှင့်အလုပ်လုပ်သော ပထမဆုံးဗားရှင်းကို သတ်မှတ်ပေးသည်။
43.0 4.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
ဥပမာ
နောက်ခံအရောင်ကို အနီမှ အပြာသို့ လှုပ်ရှားပါ-
@keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}
Animatable Properties
ဤဂုဏ်သတ္တိများသည် CSS တွင် သက်ဝင်လှုပ်ရှားနိုင်သည် -