CSS steps() 函数

定义和用法

CSS 的 steps() 函数用于为动画创建分步计时函数。

ဒါဟာ လှုပ်ရှားစဉ် အချိန် အမှတ်ပြုသည် ဖြစ်သော အချက်အလက် အကြား အချက်အလက် ဖြစ်သည်။ အကြောင်းကြား: အချက်အလက် n ဟာ 4 ဖြစ်သော် လှုပ်ရှားစဉ် အပိုင်းအခြား 4 ခု ဖြစ်သည်။ အချက်အလက် 0% မှ 100% အထိ 4 ခု ခွဲထားသည်; ဖြစ်သည့် 0%-25%、25%-50%、50%-75% နှင့် 75%-100%。

အကြောင်းကြား

လှုပ်ရှားစဉ် အပိုင်းအခြား မူကြမ်း အချက်အလက် များ ဖွဲ့စည်းပါ

div.a {
  animation: mymove 5s steps(4, end);
}
div.b {
  animation: mymove 5s steps(6, jump-start);
}
div.c {
  animation: mymove 5s steps(4, jump-none);
}
div.d {
  animation: mymove 5s steps(4, jump-both);
}

ကိုယ်တိုင် စစ်ဆေးကြည့်ပါ

CSS ဘာသာစကား

steps(n, step-position)

နည်းပါးဆိုင်ရာ အချက်အလက်

ဘာသာစကားသုံးစက် ကူညီ

အချက်အလက်များတွင် ဒါဟာ အသုံးပြုနိုင်သော ဘာသာစကားသုံးစက်၏ ပထမဆုံး အပြည့်အဝင် ပေါ်ပေါက်ခဲ့သော ပုံစံကို အစိုးရိတ်ခြင်း ဖော်ပြထားသည်。

ကိုယ်စား

လိုက်နှိပ်CSS animation အချက်အလက်

လိုက်နှိပ်CSS animation-timing-function အချက်အလက်