Mabati ya kuzingatia ya style animationTimingFunction

Inasaidia kumaliza kufafanua na matumizi

animationTimingFunction Inasaidia kumaliza mawendo ya kidadi ya mimewendo.

Mashari ya kidadi inasaidia kumaliza muda wa kuzingatia kutoka kwa mabati ya CSS moja hadi mabati mengine.

Mashari ya kidadi inasaidia kumaliza mawendo ya kudumu.

matokeo

Inasaidia kumaliza kiwango cha kuzingatia ya <div> kina:

document.getElementById("myDIV").style.animationTimingFunction = "linear";

Jifunze kwa urahisi

mabati

Inasaidia kumaliza kiwango cha kuzingatia ya mimewendo:

object.style.animationTimingFunction

Inasaidia kumaliza kiwango cha kuzingatia ya mimewendo:

object.style.animationTimingFunction = "linear|ease|ease-in|ease-out|cubic-bezier(n, n, n, n)|initial|inherit"

maadili ya kuzingatia

maadili kuonyesha
linear Mimewendo inaangamiza kudumu kuanzia hadi kumaliza.
ease waathirika wa kuzingatia. Mimewendo inaangamiza kuanza kwa kudumu, inafikia kudumu na kumaliza kwa kudumu.
ease-in Mimewendo inaangamiza kuanza kwa kudumu.
ease-out Mimewendo inaangamiza kumaliza kwa kudumu.
ease-in-out Mimewendo inaangamiza kuanza na kumaliza kwa kudumu.
cubic-bezier(n, n, n, n)

Inasaidia kumaliza kiwango cha kuzingatia kwa mbinu ya cubic-bezier.

maadili yanaonekana ni uadilifu kutoka 0 hadi 1.
initial Inasaidia kumaliza kiwango cha kuzingatia kwa uadilifu wa kuzingatia. Angalia initial.
inherit Inasaidia kumaliza kiwango cha kuzingatia kutoka kwa ukoo wa kina. Angalia inherit.

taarifu ya mashine

waathirika wa kuzingatia: ease
maadili ya kuzalisha: mashari ya string, inaonyesha kiwango cha Uingiliano wa animation-timing-function.
Mashirika ya CSS: CSS3

inahusika ya vifaa vya kina vya data

animationTimingFunction ni tofauti ya CSS3 (1999).

Wataalamu wote wa vifaa vya kina vya data vilivyo inahusika kwa ujumbe:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
inahusika inahusika inahusika inahusika inahusika 11

pemita ya ukurasa

Kitabu cha kigeukia cha CSS:Uingiliano wa animation-timing-function