Przykład
Zmiana własności animationTimingFunction o <div> element:
document.getElementById("myDIV").style.animationTimingFunction = "linear";
Spróbuj sam " Definicja i Wykorzystanie
AnimationTimingFunction określa krzywą animacji prędkości.
Krzywa prędkości określa czas animacja wykorzystuje się zmieniać od jednego zestawu stylów CSS do drugiego.
Krzywa prędkości jest używany do zmiany gładko.
Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
Numery obserwowani przez Moz określić pierwszą wersję, która pracowała z prefiksem.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| animationTimingFunction | 43,0 | Nieobsługiwany | 16,0 5,0 Moz | Nieobsługiwany | 30,0 |
Składnia
Zwraca właściwość animationTimingFunction:
object .style.animationTimingFunction Ustaw właściwość animationTimingFunction:
object .style.animationTimingFunction="linear|ease|ease-in|ease-out|cubic-bezier( wartości nieruchomości Wartość Opis linear Animacja ma taką samą prędkość od początku do końca ease Domyślna wartość. Animacja jest powolny start, następnie szybko, zanim powoli się kończy ease-in Animacja ma powolny początek ease-out Animacja ma powolny koniec ease-in-out Animacja ma zarówno powolny początek i powolny koniec cubic- bezier( n , n , n , n ) Definiowanie własnych wartości w funkcji sześcienny-Beziera
Możliwe wartości to wartości liczbowe od 0 do 1 initial Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy inherit Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć
Szczegóły techniczne
Domyślna wartość: łatwość Zwracana wartość: Ciąg, reprezentujący właściwości animacji-czas-funkcyjnego elementu Wersja CSS CSS3
Podobne strony
Odniesienie CSS: animation-timing-function property
<Style obiektu