Vetoria animation-timing-function
Vetoria animation-timing-function
vendos shpejtësinë e ndryshimit (nxitimin)
të animacionit. Për shembull, fillimisht ngadalë, pastaj
shpejt, pastaj përsëri ngadalë etj.
Sintaksa
përzgjedhësi {
animation-timing-function: vlera;
}
Vlerat
| Vlera | Përshkrimi |
|---|---|
ease |
Fillimisht ngadalë, pastaj shpejt, në fund përsëri ngadalë. |
ease-in |
Fillon ngadalë dhe përshpejtohet gradualisht. |
ease-out |
Fillon shpejt dhe ndalon gradualisht. |
ease-in-out |
Fillimisht ngadalë, pastaj shpejt, në fund përsëri ngadalë. Ndryshon nga ease nga shpejtësia. |
linear |
Gjithmonë e njëjta shpejtësi. |
step-start |
Nuk ka animacion, vetoria merr menjëherë vlerën përfundimtare. |
step-end |
Nuk ka animacion, vetoria pret kohën,
të caktuar në animation-duraton,
e më pas menjëherë merr vlerën përfundimtare.
|
steps |
Vlera e vetorisë ndryshon me kërcime. |
cubic-bezier |
Lakorja Bezier, e cila mund të përcaktojë animacion arbitrar. Shih gjenerator i lakoreve Bezier. |
Vlera e paracaktuar: ease.
Krahasimi i vlerave të ndryshme
Vendos miun mbi blloqet e paraqitura më poshtë, për të parë funksionimin e të gjitha llojeve të funksioneve kohore:
Shihni gjithashtu
-
vetoria
animation,
që përfaqëson një vetori-shkurtim për animacione -
komandën
@keyframes,
që përcakton kornizat kryesore të animacionit -
tranzicionet e qeta
transition, që përfaqësojnë animacion kur kursorin e vendosim mbi elementin