HTML-DOM Stil transitionTimingFunction Eigenschaft

Beispiele

Ändern Sie die Geschwindigkeit des Übergangs Wirkungs-Kurve:

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

transitionTimingFunction Attribut gibt die Geschwindigkeit des Übergangs Wirkungs-Kurve.

Diese Eigenschaft ermöglicht es den Übergangseffekt im Laufe der Zeit seine Geschwindigkeit zu ändern.

Internet Explorer 10, Firefox, Opera und Chrome Unterstützung transitionTimingFunction Eigenschaft.

Safari unterstützt eine weitere Alternative der Eigenschaft, die WebkitTransitionTimingFunction Eigenschaft zuzuschreiben.

Hinweis: Internet Explorer 9 und früheren Versionen nicht transitionTimingFunction Eigenschaft unterstützen.

Zurück transitionTimingFunction Eigenschaften:

object .style.transitionTimingFunction

Einstellen transitionTimingFunction Eigenschaften:

值	描述
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 。