Style transitionDuration అంశం
- పైన పేజీ transitionProperty
- తదుపరి పేజీ transitionTimingFunction
- పైకి తిరిగి వెళ్ళు HTML DOM Style ఆబ్జెక్ట్
నిర్వచనం మరియు వినియోగం
transitionDuration అంశం అంగీకరణకు లేదా పరిణామానికి ఎంతో సెకన్లు (s) లేదా మిల్లీసెకన్లు (ms) అవసరం.
మరింత చూడండి:
CSS సంప్రదాయ పుస్తకం:transition-duration అంశం
ప్రతిమాత్రకు ఉదాహరణ
పరిణామానికి వేగం ఇవ్వండి:
document.getElementById("myDIV").style.transitionDuration = "1s";
సింథాక్స్
transitionDuration అంశాన్ని తిరిగి వచ్చే విలువ:
ఆబ్జెక్ట్.style.transitionDuration
transitionDuration అంశాన్ని అంగీకరించండి:
ఆబ్జెక్ట్.style.transitionDuration = "టైమ్|initial|inherit"
అంశం విలువ
| విలువ | వివరణ |
|---|---|
| టైమ్ | ఈ అంశం పూర్తిగా పరిణామానికి ఎంతో సెకన్లు లేదా మిల్లీసెకన్లు అవసరం. అప్రమేయ విలువ 0, ఇది పరిణామానికి లేదు అని అర్థం. |
| initial | ఈ అంశాన్ని అప్రమేయ విలువకు అంగీకరించండి. చూడండి initial. |
| inherit | ఈ అంశాన్ని తన ప్రాతినిధ్య అంగామి నుండి పారదర్శకంగా పారదర్శకంగా అంగీకరించండి. చూడండి inherit. |
సాంకేతిక వివరాలు
| అప్రమేయ విలువ | 0 |
|---|---|
| తిరిగి వచ్చే విలువ | స్ట్రింగ్, ఇది అంగామి యొక్క transition-duration అంశం. |
| CSS వెర్షన్: | CSS3 |
బ్రౌజర్ మద్దతు
ఈ పట్టికలో నిర్దేశించిన సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇస్తున్న పరిశీలకం వెర్షన్ను పేర్కొంది.
| క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
|---|---|---|---|---|
| క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
| 26.0 | 10.0 | 16.0 | 6.1 | 12.1 |
- పైన పేజీ transitionProperty
- తదుపరి పేజీ transitionTimingFunction
- పైకి తిరిగి వెళ్ళు HTML DOM Style ఆబ్జెక్ట్
