सीएसएस एनीमेशन-प्ले-स्टेट गुण

वर्णन और उपयोग

animation-play-state गुण को प्रयोग करता है कि एनिमेशन चल रहा है या रुका है।

टिप्पणी:आप जेसक्रिप्ट में इस गुण का प्रयोग कर सकते हैं, इससे एनिमेशन प्लेयअवॉर्ड में रुकावट लगा सकते हैं।

और देखें:

सीएसएस3 शिक्षा:CSS एनिमेशन

एचटीएमएल डॉम संदर्भ:animationPlayState गुण

उदाहरण

एनिमेशन रुकावट:

डिव
{
animation-play-state:paused;
}

स्वयं प्रयोग करें

सीएसएस व्याकरण

animation-play-state: paused|running;
मूल्य वर्णन टेस्ट
paused एनिमेशन रुका है का प्रयोग करता है। टेस्ट
रनिंग एनिमेशन चल रही है का प्रयोग करता है। टेस्ट

तकनीकी विवरण

डिफ़ॉल्ट वैल्यू: रनिंग
विरासत की समर्थन: नहीं
संस्करण: सीएसएस3
जेसक्रिप्ट व्याकरण: ऑब्जेक्ट.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-