HTML DOM propiedad Estilo animationTimingFunction
Ejemplos
Cambiar el elemento <div> animationTimingFunction atributos:
document.getElementById("myDIV").style.animationTimingFunction="linear";
Trate »
Definición y Uso
animationTimingFunction predeterminada animación curva de velocidad.
curva de velocidad define los cambios de animación a partir de un conjunto de estilo CSS estilos CSS a otro tiempo.
curva de velocidad se utiliza para hacer el cambio sin problemas de animación.
Soporte para el navegador
Sólo es compatible con Firefox propiedad animationTimingFunction.
gramática
animationTimingFunction propiedades para la espalda:
object .style.animationTimingFunction
Configuración de las propiedades animationTimingFunction:
object .style.animationTimingFunction="linear|ease|ease-in|ease-out|cubic-bezier(n,n,n,n)|initial|inherit"
propiedad Valor
值 | 描述 |
---|---|
linear | 动画从开始到结束保持相同的速度。 |
ease | 默认值。动画有一个缓慢的开始,然后加速,在结束之前又变慢。 |
ease-in | 动画有一个缓慢的开始。 |
ease-out | 动画有一个缓慢的结束。 |
ease-in-out | 动画有一个缓慢的开始和一个缓慢的结束。 |
cubic-bezier(n,n,n,n) | 在三次贝塞尔(cubic-bezier)函数中定义自己的值。 可以是从 0 到 1 之间的数字值。 |
initial | 设置该属性为它的默认值。请参阅 initial 。 |
inherit | 从父元素继承该属性。请参阅 inherit 。 |
detalles técnicos
Por defecto: | facilidad |
---|---|
Devuelve: | Cadena que representa el elemento de propiedad-tiempo-función de animación. |
versión CSS | CSS3 |
Artículos relacionados
CSS Reference Manual: Animación-Timing la propiedad funciones