Die animation-timing-function Eienskap

Die eienskap animation-timing-function stel die spoed van verandering (versnelling) van animasie. Byvoorbeeld, eers stadig, dan vinnig, dan weer stadig, ens.

Sintaksis

Waardes

Waarde	Beskrywing
ease	Eers stadig, dan vinnig, aan die einde weer stadig.
ease-in	Begin stadig en versnel geleidelik.
ease-out	Begin vinnig en vertraag geleidelik tot stilstand.
ease-in-out	Eers stadig, dan vinnig, aan die einde weer stadig. Verskil van ease in spoed.
linear	Altyd dieselfde konstante spoed.
step-start	Geen animasie nie, die eienskap neem dadelik die finale waarde aan.
step-end	Geen animasie nie, die eienskap wag vir die tyd, gestel in animation-duraton, en neem dan oombliklik die finale waarde aan.
steps	Die eienskap se waarde verander met skokke.
cubic-bezier	'n Bezier-kurwe wat enige animasie kan spesifiseer. Sien Bezier-kurwe generator.

Standaard waarde: ease.

Vergelyking van verskillende waardes

Beweeg jou muis oor die onderstaande blokke, om die werking van alle tydfunksies te sien:

Sien ook