సిఎస్ఎస్ ఏనిమేషన్-డిలే అట్రిబ్యూట్

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

animation-delay అనిమేషన్ ప్రారంభం సమయాన్ని నిర్ణయించు అనిమేషన్ ప్రారంభం సంకేతం.

animation-delay విలువలు సెకన్లు లేదా మిల్లీసెకన్లు గా ఉంటాయి.

సలహా:నిరాకరించబడిన విలువలు అనుమతించబడతాయి, -2s అనిమేషన్ ప్రారంభం తక్కువగా ఉండి అనిమేషన్ సమయంలో 2 సెకన్లు కాకుండా ప్రవేశిస్తుంది.

మరియు ఇంకా చూడండి:

CSS3 శిక్షణ పత్రిక:CSS అనిమేషన్

HTML DOM సంకేతాల పట్టిక:animationDelay అనిమేషన్ ప్రారంభం సంకేతం

ఉదాహరణ

ఉదాహరణ 1

అనిమేషన్ ప్రారంభం ముందు 2 సెకన్లు వేచి ఉంచండి:

div {
  animation-delay: 2s;
}

పరీక్షించండి

ఉదాహరణ 2

నిరాకరించబడిన విలువలు, అనిమేషన్ ప్రారంభం ముందు 2 సెకన్లు కాలం కాకుండా అనిమేషన్ సమయంలో ప్రవేశిస్తుంది:

div {
  animation-delay: -2s;
}

పరీక్షించండి

CSS సంకేతాలు

animation-delay: time;
విలువ వివరణ పరీక్ష
time ఎంపికాని. అనిమేషన్ ప్రారంభం ముందు వేచి ఉండే సమయాన్ని సెకన్లు లేదా మిల్లీసెకన్లు గా నిర్ణయించండి. అప్రమేయ విలువ 0. పరీక్ష

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

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

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

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
4.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-