Style transitionTimingFunction गुण

अर्थ और उपयोग

transitionTimingFunction गुण ट्रांजिशन प्रभाव की गति परिकल्पना को निर्धारित करता है。

यह गुण ट्रांजिशन प्रभाव के अवधि के दौरान गति को बदलने की अनुमति देता है。

अन्य देखें:

CSS संदर्भ पुस्तकtransition-timing-function गुण

उदाहरण

ट्रांजिशन प्रभाव की गति परिकल्पना को बदलें:

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

स्वयं प्रयोग कीजिए

व्याकरण

transitionTimingFunction गुण वापसी मान दें:

ऑब्जेक्ट.style.transitionTimingFunction

transitionTimingFunction गुण सेट करें:

ऑब्जेक्ट.style.transitionTimingFunction = 
"ease|linear|ease-in|ease-out|ease-in-out|cubic-bezier()|initial|inherit"

गुण मान

मान वर्णन
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)

तीन बेजियर्स फ़ंक्शन में अपना मान निर्धारित करें。

संभावित मान 0 से 1 के बीच के नंबर हैं。
initial इस गुण को उसके मूलभूत मान पर सेट करें। देखें initial.
inherit इस गुण को उसके माता एलिमेंट से अनुवर्तित करें। देखें inherit.

तकनीकी विवरण

मूलभूत मान: ease
वापसी मान: शब्द, जो एलिमेंट के transition-timing-function गुण.
CSS संस्करण: CSS3

ब्राउज़र समर्थन

तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले ब्राउज़र का पहला संस्करण को निर्दिष्ट करते हैं。

Chrome Edge Firefox Safari ओपेरा
Chrome Edge Firefox Safari ओपेरा
26.0 10.0 16.0 6.1 12.1