सीएसएस एनीमेशन-डेले गुण
- पिछला पृष्ठ एनिमेशन
- अगला पृष्ठ एनिमेशन-डिरेक्शन
परिभाषा और उपयोग
animation-delay
गुण एनीमेशन कब शुरू होगा को परिभाषित करता है।
animation-delay मान सेकंड या मिलीसेकंड में हैं।
सूचना:नकारात्मक मान की अनुमति है, -2s एनीमेशन को तुरंत शुरू करता है लेकिन 2 सेकंड बाद एनीमेशन चक्र में जाता है।
दूसरे संदर्भ:
CSS3 पाठ्यक्रम:CSS एनिमेशन
HTML DOM संदर्भ दस्तावेज़:animationDelay गुण
उदाहरण
उदाहरण 1
दो सेकंड इंतजार करें और फिर एनीमेशन शुरू हो:
div { animation-delay: 2s; }
उदाहरण 2
नकारात्मक मान, कृपया ध्यान दें कि एनीमेशन 2 सेकंड बाद शुरू होती है:
div { animation-delay: -2s; }
CSS व्याकरण
animation-delay: time;
मूल्य | वर्णन | परीक्षण |
---|---|---|
time | वैकल्पिक।एनीमेशन शुरू होने से पहले इनका अवधि सेकंड या मिलीसेकंड में बढ़ाएं।मूलभूत मूल्य 0 है। | परीक्षण |
तकनीकी विवरण
मूलभूत मूल्य: | 0 |
---|---|
विरासतीयता: | नहीं |
संस्करण: | 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- |
- पिछला पृष्ठ एनिमेशन
- अगला पृष्ठ एनिमेशन-डिरेक्शन