CSS एनिमेशन-देरी संपत्ति
उदाहरण
2 सेकंड के बाद एनिमेशन शुरू करें:
div {
animation-delay: 2s;
}
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
संपत्ति एनीमेशन की animation-delay
शुरुआत के लिए देरी निर्दिष्ट करती है।
एनिमेशन-देरी मान सेकंड (सेकंड) या मिलीसेकंड (ms) में परिभाषित किया गया है।
डिफ़ॉल्ट मान: | 0 |
---|---|
विरासत में मिला: | नहीं |
एनिमेटेबल: | नहीं। एनिमेटेबल के बारे में पढ़ें |
संस्करण: | CSS3 |
जावास्क्रिप्ट सिंटैक्स: | ऑब्जेक्ट .style.animationDelay="1s" |
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
-वेबकिट-, -मोज़-, या -ओ- के बाद नंबर एक उपसर्ग के साथ काम करने वाले पहले संस्करण को निर्दिष्ट करें।
Property | |||||
---|---|---|---|---|---|
animation-delay | 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- |
सीएसएस सिंटेक्स
animation-delay: time|initial|inherit;
सम्पत्ति की कीमत
Value | Description | Play it |
---|---|---|
time | Optional. Defines the number of seconds (s) or milliseconds (ms) to wait before the animation will start. Default value is 0. Negative values are allowed. If you use negative values, the animation will start as if it had already been playing for N seconds/milliseconds. | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
और ज्यादा उदाहरण
उदाहरण
नकारात्मक मूल्यों का उपयोग करना। यहां, एनीमेशन शुरू होगा जैसे कि यह पहले से ही 2 सेकंड के लिए खेल रहा था:
div {
animation-delay: -2s;
}
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस एनिमेशन
एचटीएमएल डोम संदर्भ: एनीमेशनदेरी संपत्ति