Esempio
La modifica della proprietà animationTimingFunction di un <div> elemento:
document.getElementById("myDIV").style.animationTimingFunction = "linear";
Prova tu stesso " Definizione e l'utilizzo
L'animationTimingFunction specifica la curva di velocità dell'animazione.
La curva di velocità definisce il tempo un'animazione utilizza per cambiare da un insieme di stili CSS a un altro.
La curva di velocità viene utilizzato per apportare le modifiche senza intoppi.
Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
Numeri seguiti da Moz specificano la prima versione che ha lavorato con un prefisso.
| Proprietà | |||||
|---|---|---|---|---|---|
| animationTimingFunction | 43.0 | Non supportato | 16,0 5.0 Moz | Non supportato | 30,0 |
Sintassi
Restituire la proprietà animationTimingFunction:
object .style.animationTimingFunction Impostare la proprietà animationTimingFunction:
object .style.animationTimingFunction="linear|ease|ease-in|ease-out|cubic-bezier( I valori delle proprietà Valore Descrizione linear L'animazione ha la stessa velocità dall'inizio alla fine ease Valore di default. L'animazione ha un avvio lento, poi veloce, prima che finisce lentamente ease-in L'animazione ha un avvio lento ease-out L'animazione ha un'estremità lenta ease-in-out L'animazione ha sia un inizio lento e una fine lenta cubic- bezier( n , n , n , n ) Definire i propri valori nella funzione cubica-Bezier
I valori possibili sono valori numerici da 0 a 1 initial Consente di impostare questa proprietà al suo valore di default. Leggi iniziale inherit Eredita questo immobile dal suo elemento genitore. Leggi su erediterà
Dettagli tecnici
Valore di default: alleviare Valore di ritorno: Una stringa, che rappresenta la proprietà di animazione-timing-funzione di un elemento CSS Version CSS3
Pagine correlate
Di riferimento CSS: animation-timing-function property
<Stile di oggetto