స్టైల్ ట్రాన్సిషన్ టైమింగ్ ఫంక్షన్ అట్రిబ్యూట్

నిర్వచనం మరియు వినియోగం

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"

అంశం విలువ

విలువ వివరణ
ఇజ్ మార్పు పద్ధతి

డిఫాల్ట్ విలువ. మొదటికి స్థిరమైన పరిణామాలు, అప్పుడు వేగంగా, మరియు చివరికి స్థిరమైన పరిణామాలు నిర్దేశిస్తుంది.

ఇది ఈ విధంగా సమానం: 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 వరకు విలువలు అనే వాక్యం సూచిస్తుంది
ఇనిశియల్ ఈ అంశాన్ని తన డిఫాల్ట్ విలువకు సెట్ చేయండి. చూడండి: ఇనిశియల్.
ఇన్హెరిట్ ఈ అంశాన్ని తన పెరియన్న అంశం నుండి పాటించుకున్నారు. చూడండి: ఇన్హెరిట్.

సాంకేతిక వివరాలు

డిఫాల్ట్ విలువ అనే వాక్యం సూచిస్తుంది ఇజ్ మార్పు పద్ధతి
వాటి వాటి వాటి నివేదికలు: వినియోగదారు కొరకు అనే వాక్యం సూచిస్తుంది transition-timing-function అనే అంశం.
సిఎస్ఎస్ వెర్షన్ అని వివరించబడింది: సిఎస్ఎస్ 3

బ్రౌజర్ మద్దతు

ఈ పట్టికలో వివరించబడిన నంబర్లు ఈ లక్షణను పూర్తిగా మద్దతు ఇస్తున్న బ్రౌజర్ వెర్షన్ను నిర్దేశిస్తాయి.

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ Opera
క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ Opera
26.0 10.0 16.0 6.1 12.1