सीएसएस एनीमेशन-डेले गुण

परिभाषा और उपयोग

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-