Ejemplo
Cambiar la propiedad animationTimingFunction de un <div> elemento:
document.getElementById("myDIV").style.animationTimingFunction = "linear";
Inténtalo tú mismo " Definición y Uso
El animationTimingFunction especifica la curva de velocidad de la animación.
La curva de velocidad define el tiempo de una animación utiliza para cambiar de un conjunto de estilos CSS a otro.
La curva de velocidad se utiliza para hacer los cambios sin problemas.
Soporte del navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Los números seguidos por Moz especifican la primera versión que trabajó con un prefijo.
| Propiedad | |||||
|---|---|---|---|---|---|
| animationTimingFunction | 43.0 | No soportado | 16.0 5,0 Moz | No soportado | 30.0 |
Sintaxis
Devolver la propiedad animationTimingFunction:
object .style.animationTimingFunction Establecer la propiedad animationTimingFunction:
object .style.animationTimingFunction="linear|ease|ease-in|ease-out|cubic-bezier( Valores de propiedad Valor Descripción linear La animación tiene la misma velocidad de principio a fin ease Valor por defecto. La animación tiene un comienzo lento, luego rápido, antes de que termine lentamente ease-in La animación tiene un comienzo lento ease-out La animación tiene un extremo lento ease-in-out La animación tiene tanto un comienzo lento y un extremo lenta cubic- bezier( n , n , n , n ) Definir sus propios valores de la función cúbica-Bezier
Los valores posibles son los valores numéricos de 0 a 1 initial Establece esta propiedad a su valor por defecto. Lea acerca inicial inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar
Detalles técnicos
Valor por defecto: facilitar Valor de retorno: Una cadena, que representa la propiedad-timing-función de animación de un elemento Versión CSS CSS3
Páginas relacionadas
Referencia CSS: animation-timing-function property
<Estilo de objeto