CSS ట్రాన్సిషన్-ప్రాపర్టీ అట్రిబ్యూట్

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

transition-property లక్షణం పరివర్తన ప్రభావాన్ని అనువర్తించే CSS లక్షణాల పేరును నిర్వచిస్తుంది. (సూచించిన CSS లక్షణం మారినప్పుడు పరివర్తన ప్రభావం ప్రారంభమవుతుంది).

సలహా:పరివర్తన ప్రభావం సాధారణంగా వినియోగదారు మౌస్ పింటర్ ను ఎలమెంట్పై నాటించినప్పుడు జరుగుతుంది.

ప్రకటన:ఎల్లప్పుడూ అనుసంధానించండి transition-duration లక్షణం సూచించబడలేకపోయినట్లయితే కాలం 0 కాకపోయినట్లయితే పరివర్తన ప్రభావం లేదు.

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

CSS పాఠ్యక్రమంCSS ట్రాన్సిషన్

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

ఉదాహరణ

డివ్ ఎలమెంట్పై మౌస్ పింటర్ ను నాటించినప్పుడు సమస్తంతా సమానంగా మారుతున్న డివ్ ఎలమెంట్ వైడ్త్ పరివర్తన ప్రభావం ఉంటుంది:

div {
  transition-property: width;
}

ప్రయత్నించండి

CSS సంకేతాలు

transition-property: none|all|లక్షణం;

లక్షణ విలువ

విలువ వివరణ
none ఎటువంటి లక్షణానికి పరివర్తన ప్రభావం లేదు.
all అన్ని లక్షణాలకు పరివర్తన ప్రభావం ఉంటుంది.
లక్షణం పరివర్తన ప్రభావాన్ని అనువర్తించే CSS లక్షణాల జాబితాను నిర్వచిస్తుంది. జాబితా కాంసే ద్వారా వేరు వేరు లక్షణాలను వేరు వేరు చేయబడింది.

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

మూల విలువ all
పారంపర్యం: no
వెర్షన్: CSS3
JavaScript సంకేతాలు: object.style.transitionProperty="width,height"

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

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

ఈ సంఖ్యలు ముందుగా ఉపయోగించబడుతున్న ప్రత్యేకతలను సూచిస్తాయి.

క్రోమ్ IE / ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
26.0
4.0 -webkit-		 10.0 16.0
4.0 -moz-		 6.1
3.1 -webkit-		 12.1
10.5 -o-