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

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

animation-play-state ఈ అనిమేషన్ ప్లే స్టేట్ ప్లేయింగ్ లేదా పాజ్ అవుతుంది ని నిర్ధారిస్తుంది.

ప్రకటన:మీరు JavaScript లో ఈ అనిమేషన్ పాజ్ చేయడానికి ఉపయోగించవచ్చు, అలాగే ప్లేయింగ్ లో అనిమేషన్ పాజ్ చేయవచ్చు。

మరింత చూడండి:

CSS3 శిక్షణ పాఠకం:CSS ఏనిమేషన్

HTML DOM పరిశీలన పాఠకం:animationPlayState అనిమేషన్

ఉదాహరణ

అనిమేషన్ పాజ్ చేయండి:

div
{
animation-play-state:paused;
}

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

CSS సంకేతాలు

animation-play-state: paused|running;
విలువ వివరణ పరీక్ష
paused అనిమేషన్ ప్లే స్టేట్ పాజ్ అవుతుంది. పరీక్ష
running అనిమేషన్ ప్లే స్టేట్ ప్లేయింగ్ అవుతుంది. పరీక్ష

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

అప్రమేయం: running
పారంపర్యం: no
సంస్కరణ: CSS3
JavaScript సంకేతాలు: object.style.animationPlayState="paused"

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

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

దానిలో -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-