Kurahisisha mafunzo:

Funksheni ya CSS steps()

Muundo na matumizi Funksheni ya CSS Funksheni inatumiwa kwa kuchangia wakati wa kina kwa kina. steps()

Funksheni hii inafikiria muda wa kina katika kuzingatia uadilifu wa nani (n). Kama n ni 4, kina kilitokea kama kina kumi kama 4. Kina kilitokea katika uadilifu wa muda kutoka 0% hadi 100% katika 4 kina; kwa kwanza 0%-25%, 25%-50%, 50%-75% na 75%-100%.

Mfano

Kuchangia wakati wa kina kwa uwanja wa kina tofauti:

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);
}

Jifunze tena

Muundo wa CSS

steps(Kielewa, step-position,
) Thamani
Kielewa Inayohitajika. Kupendeza muda wa wadhibiti/nyota. n
step-position

Inafaa. Kupendeza wakati katika wadhibiti wadini. Tumia herufi moja ya hivi karibu:

  • jump-start ama start: Kufikiria mwisho wa kina wa kuanza. start ni thamani ya kufikia.
  • jump-end ama end: Kufikiria mwisho wa kina. end ni thamani ya kufikia.
  • jump-none: Kusikitisha kwa kushika kwa mara yoyote
  • jump-both: Kukwepa na kushika kila mara

Vifaa vya ujumbe

Mwaka: CSS Easing Functions Level 1

Muungano wa programu ya kifunzi

数字 katabeli ni ya kufikiria sababu ya kwanza ya kusimamia programu ya kifunzi hiyo.

Chrome Edge Firefox Safari Opera
77 79 65 14 64

相关页面

参考：Maelezo ya kina cha CSS

参考：Maelezo ya kina cha CSS