Хосияти animation-timing-function

Хосияти animation-timing-function суръати тағйирёбии (тезшавии) аниматсияро муқаррар мекунад. Масалан, аввал оҳиста, баъд тез, баъд оҳиста ва ғайра.

Синтаксис

интихобкунанда {
	animation-timing-function: қимат;
}

Қиматҳо

Қимат	Тавсиф
`ease`	Аввал оҳиста, баъд тез, дар охир боз оҳиста.
`ease-in`	Оҳиста оғоз мешавад ва ба таври тадриҷӣ тезтар мешавад.
`ease-out`	Тез оғоз мешавад ва ба таври тадриҷӣ меистад.
`ease-in-out`	Аввал оҳиста, баъд тез, дар охир боз оҳиста. Аз ease бо суръат фарқ мекунад.
`linear`	Ҳамеша як суръати якхела.
`step-start`	Аниматсия вуҷуд надорад, хосият фавран қимати ниҳоиро қабул мекунад.
`step-end`	Аниматсия вуҷуд надорад, хосият мунтазир меистад, дар `animation-duraton` муайянкардашударо, ва сипас якбора қимати ниҳоиро қабул мекунад.
`steps`	Қимати хосият ба таври қафасакӣ тағйир меёбад.
`cubic-bezier`	Хатти Безиер, ки метавонад аниматсияи ихтиёриро муқаррар кунад. Ниг. генератори хатҳои Безиер.

Қимати пешфарз: ease.

Мукосимаи қиматҳои гуногун

Барои дидани коркарди ҳамаи намудҳои функсияҳои вақтӣ, курсори мушро болои блокҳои дар зер овардашуда ҷойгир кунед:

Ҳамчунин нигаред

хосияти animation,
ки хосияти кӯтоҳшуда барои аниматсияҳо мебошад
дастури @keyframes,
ки кадрҳои калидии аниматсияро муқаррар мекунад
гузаришҳои мулоим transition, ки аниматсиеро дар натиҷаи ҷойгиркунии курсор болои унсур нишон медиҳад