propriété HTML DOM style transitionTimingFunction

Exemples

Changer la vitesse de la courbe d'effet de transition:

document.getElementById("myDIV").style.transitionTimingFunction="linear";

transitionTimingFunction attribut indique la vitesse de la courbe d'effet de transition.

Cette propriété permet l'effet de transition au fil du temps pour changer sa vitesse.

Internet Explorer 10, Firefox, Opera et Chrome soutien propriété transitionTimingFunction.

Safari prend en charge une autre variante de la propriété attribut que la propriété de WebkitTransitionTimingFunction.

Remarque: Internet Explorer 9 et les versions antérieures ne prennent pas en charge la propriété de transitionTimingFunction.

Retour propriétés transitionTimingFunction:

object .style.transitionTimingFunction

Définition des propriétés de transitionTimingFunction:

值	描述
ease	默认值。规定慢速开始，然后变快，然后慢速结束的过渡效果（相当于 cubic-bezier(0.25,0.1,0.25,1)）。
linear	规定从开始到结束都保持相同速度的过渡效果（相当于 cubic-bezier(0,0,1,1)）。
ease-in	规定以慢速开始的过渡效果（相当于 cubic-bezier(0.42,0,1,1)）。
ease-out	规定以慢速结束的过渡效果（相当于 cubic-bezier(0,0,0.58,1)）。
ease-in-out	规定以慢速开始和结束的过渡效果（相当于 cubic-bezier(0.42,0,0.58,1)）。
cubic-bezier(n,n,n,n)	在 cubic-bezier 函数中定义自己的值。可能的值是 0 至 1 之间的数值。
initial	设置该属性为它的默认值。请参阅 initial 。
inherit	从父元素继承该属性。请参阅 inherit 。