Exemplo
Alterar a propriedade animationTimingFunction de um <div> elemento:
document.getElementById("myDIV").style.animationTimingFunction = "linear";
Tente você mesmo " Definição e Uso
O animationTimingFunction especifica da curva de velocidade da animação.
A curva de velocidade define o tempo de uma animação usa para mudar de um conjunto de estilos CSS para outro.
A curva de velocidade é usado para fazer as mudanças sem problemas.
Suporte navegador
Os números na tabela especificar a primeira versão do navegador que suporta totalmente a propriedade.
Números seguidos de Moz especificar a primeira versão que trabalhou com um prefixo.
| Propriedade | |||||
|---|---|---|---|---|---|
| animationTimingFunction | 43,0 | Não suportado | 16,0 5.0 Moz | Não suportado | 30,0 |
Sintaxe
Devolver o imóvel animationTimingFunction:
object .style.animationTimingFunction Defina a propriedade animationTimingFunction:
object .style.animationTimingFunction="linear|ease|ease-in|ease-out|cubic-bezier( Valores de propriedade Valor Descrição linear A animação tem a mesma velocidade do início ao fim ease Valor padrão. A animação tem um início lento, em seguida, rapidamente, antes de terminar lentamente ease-in A animação tem um início lento ease-out A animação tem uma extremidade lento ease-in-out A animação tem tanto um começo lento e um final lento cubic- bezier( n , n , n , n ) Definir os seus próprios valores na função cúbica-bezier
Os valores possíveis são valores numéricos de 0 a 1 initial Define essa propriedade para seu valor padrão. Leia sobre inicial inherit Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar
Detalhes técnicos
Valor padrão: facilidade Valor de retorno: Uma corda, que representa a propriedade de temporização-animação-função de um elemento CSS Versão CSS3
Páginas relacionadas
Referência CSS: animation-timing-function property
<Estilo de objeto