Właściwość CSS animation-timing-function

Definicja stylu, przeznaczenie i użycie animation-timing-function

Funkcja pomiaru czasu animacji definiuje krzywą szybkości animacji. Krzywa prędkości określa CZAS, po jakim animacja zmienia jeden zestaw stylów CSS na inny.

Krzywa prędkości służy do płynnego wprowadzania zmian.

Wartości właściwości animation-timing-function

Składnia CSS animation-timing-function

animation-timing-function: linear | ease | ease-in | ease-out | ease-in-out | step-start | step-end | steps(int,start|end) | cubic-bezier(n,n,n,n)| initial | inherit;

Wsparcie przeglądarek dla właściwości animation-timing-function

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Liczba przed -webkit-, -moz-, -o- określa pierwszą wersję, która działała z prefiksem.

Właściwość
animation-timing-function	43.0 4.0 -webkit-	10.0	16.0 5.0 -moz-	9.0 4.0 -webkit-	30.0 15.0 -webkit- 12.0 -o-

Przykładowe zastosowania właściwości animation-timing-function

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

#myDIV {
  animation-timing-function:linear;
}

Przykłady właściwości animation-timing-function