CSS ట్రాన్సిషన్-డ్యూరేషన్ అట్రిబ్యూట్

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

transition-duration లక్షణం పరివర్తన ప్రభావాన్ని పూర్తి చేయడానికి అవసరమైన సమయాన్ని (సెకన్లు లేదా మిల్లీసెకన్లు లో నిర్దేశిస్తుంది).

మరియు చూడండి:

CSS శిక్షణ పత్రికCSS ట్రాన్సిషన్

HTML DOM పరిశీలన పత్రికtransitionDuration లక్షణం

ఉదాహరణ

పరివర్తన ప్రభావాన్ని 5 సెకన్లు గా కొనసాగించండి:

div {
  transition-duration: 5s;
}

స్వయంగా ప్రయత్నించండి

CSS సంకేతాలు

transition-duration: time;

లక్షణ విలువ

విలువ వివరణ
time

పరివర్తన ప్రభావాన్ని పూర్తి చేయడానికి అవసరమైన సమయం (సెకన్లు లేదా మిల్లీసెకన్లు లో నిర్దేశించబడుతుంది).

అప్రమేయ విలువ అనగా 0 అని అర్థం చేస్తుంది మరియు అనేక ప్రభావాలు లేవు.

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

అప్రమేయ విలువ: 0
పారంపర్యం: no
సంస్కరణ: CSS3
JavaScript సంకేతాలు: object.style.transitionDuration="5s"

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

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

ఈ సంఖ్యలు -webkit-、-moz- లేదా -o- తో కలిపి ఉన్నాయి మరియు ప్రాధమిక సంస్కరణను వాడటానికి ఉపయోగిస్తాయి.

Chrome IE / Edge Firefox Safari Opera
26.0
4.0 -webkit-		 10.0 16.0
4.0 -moz-		 6.1
3.1 -webkit-		 12.1
10.5 -o-