सीएसएस एनीमेशन-नेम गुण
- पिछला पृष्ठ animation-iteration-count
- अगला पृष्ठ animation-play-state
विनियोग और उपयोग
animation-name अट्रिब्यूट को @keyframes एनिमेशन के लिए नाम निर्धारित करता है।
टिप्पणी:हमेशा अट्रिब्यूट को निर्धारित करें animation-duration अट्रिब्यूट को निर्धारित नहीं करें, फिर अट्रिब्यूट के लिए दूरी 0 होगी और एनिमेशन नहीं चलेगा।
अन्य देखें:
सीएसएस3 शिक्षा:CSS एनिमेशन
HTML DOM संदर्भ दस्तावेज़:animationName अट्रिब्यूट
उदाहरण
@keyframes एनिमेशन के लिए एक नाम निर्धारित करें:
डिव
{
animation:mymove 5s infinite;
}
सीएसएस ग्रामरा
animation-name: keyframename|none;
प्रतियोगिता मूल्य
| मूल्य | वर्णन |
|---|---|
| keyframename | कीफ़्रेम नाम को बांधने के लिए निर्धारित करता है। |
| नहीं | बिना एनिमेशन इफ़ैक्ट को निर्धारित करता है (सिर्फ अनुवर्ती से एनिमेशन को ओवरराइड करने के लिए उपयोग किया जा सकता है)। |
तकनीकी विवरण
| डिफ़ॉल्ट वैल्यू: | नहीं |
|---|---|
| विरासत: | नहीं |
| संस्करण: | सीएसएस3 |
| जेसक्रिप्ट ग्रामरा: | ऑब्जेक्ट.style.animationName="mymove" |
ब्राउज़र समर्थन
तालिका में दिए गए नंबर पहली ब्राउज़र के लिए पूर्ण समर्थन के लिए दिए गए हैं।
सभी -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- |
- पिछला पृष्ठ animation-iteration-count
- अगला पृष्ठ animation-play-state
