Exemplu
Schimbarea proprietatea animationTimingFunction unui <div> Element:
document.getElementById("myDIV").style.animationTimingFunction = "linear";
Încearcă - l singur » Definiție și utilizare
AnimationTimingFunction specifică curba vitezei de animație.
Curba de viteză definește timpul o animație care îl folosește pentru a schimba de la un set de stiluri CSS la alta.
Curba de viteză este folosit pentru a face schimbări fără probleme.
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Numerele urmate de Moz specifica prima versiune care a lucrat cu un prefix.
| Proprietate | |||||
|---|---|---|---|---|---|
| animationTimingFunction | 43.0 | Nu sunt acceptate | 16.0 5.0 Moz | Nu sunt acceptate | 30.0 |
Sintaxă
Întoarcere proprietatea animationTimingFunction:
object .style.animationTimingFunction Setați proprietatea animationTimingFunction:
object .style.animationTimingFunction="linear|ease|ease-in|ease-out|cubic-bezier( Valori de proprietate Valoare Descriere linear Animația are aceeași viteză de la început până la sfârșit ease Valoare implicită. Animația are un început lent, apoi rapid, înainte de a se termină încet ease-in Animația are un început lent ease-out Animația are un capăt lent ease-in-out Animația are atât un start lent și un capăt lent cubic- bezier( n , n , n , n ) Definiți propriile valori în funcția Cubic-Bezier
Valorile posibile sunt valori numerice de la 0 la 1 initial Setează această proprietate la valoarea implicită. Citiți despre inițială inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc
Detalii tehnice
Valoare implicită: uşura Întoarcere Valoare: Un șir, care reprezintă proprietatea de animație-calendarul-funcție a unui element CSS Versiune CSS3
Pagini similare
Referință CSS: animation-timing-function property de animation-timing-function property
<Style Object